2013CSSこの記事は年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。Toshikuraです。今回のTipsは【CSSのみで色んなサイズの画像を横並びにして縦横サイズを合わせる方法(レスポンシブも可)】です。この方法では横幅に%も使えますのでレスポンシブにも利用できます。デモとコードをご確認ください。親要素の横幅を%指定するだけです。親要素にoverfloe:hidden;を掛けて画像を切り抜きます。画像にもう一つ要素A(点線の要素)を作り、横幅を大きめに設定。この要素にtext-alignを掛けて画像を横中央に配置します。;を記述しセンター寄せにします。Aの縦幅大きめにとり、line-heightを記述。middle;を掛け、画像をA内で縦方向に中央配置します。;を記述すれば以下のようになります。touch.Mail:info@zxcvbnmnbvcxz.comAdvertisement。