+セットでよく使うCSSこんにちは、Web事業部のウエノです。ショップサイトの制作時、商品一覧をきれいに見せたいときによく使うCSSです。単純ですが初めて実装しようとしたときはやや苦戦しました。セットでよく使う、画像をボックスの上下左右中央寄せで表示する方法も一緒にご紹介します。解説するほどのものでもないので、まずはCSSをご紹介。100%;}横長の画像はボックスの横幅いっぱいに、縦長の画像はボックスの縦長いっぱいに表示されます。横も縦もボックスより小さい画像はそのままのサイズで表示されます。レスポンシブサイトの場合でも特に書き足したりする必要がなくて便利。画像をボックスの上下左右中央寄せで表示positionプロパティを使う方法よく使われているテクニックですが、合わせて使うことが多いのでこちらもご紹介します。-50%);}フレキシブルボックスレイアウトを使う方法positionプロパティを使いたくない場合はこちらの方法がおすすめ。center;}一つ目の方法に比べ、こちらの方がCSSがすっきりしています。4.3以前のAndroidブラウザ」にも対応したい場合はベンダープレフィックスが必要なので注意。CSS3この記事を書いたひと株式会社アップシェア新横浜を拠点にしたWeb制作会社、アップシェアです。ホームページ制作、アウトソーシング、マーケティング、スマホアプリの開発など。みんなで一緒に幸せになれる会社を目指しています。upshare.co.,ltd。