flex 均等配列 ( space-between ) にした最後の行の要素を左寄せにする

[ ID : 887 ]
ブロンズ
flex 均等配列 ( space-between ) にした最後の行の要素を左寄せにする

概要

cssプロパティーflexとjustify-contentでspace-betweenを使って均等配列したタイルレイアウトの最後の行を必ず左寄せにする方法。

用途

  • CSSプロパティーのflexを利用。
  • 5列以上は空要素を記述する必要があるため、wordpressなどのループ処理では注意。
  • コンテナ要素に擬似要素を使用する。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録