用語集に戻る
プログラミング基礎中級

justify-content

justify-content

一言で言うと

主軸方向の配置を指定する。

もう少し詳しく

一言で言うと

主軸方向の配置を指定する。

もう少し詳しく

主軸(main axis)方向にフレックスアイテムまたはグリッドトラックを整列させる CSS プロパティです。flex-start / flex-end / center / space-between / space-around / space-evenly などの値を取り、Flexbox・Grid どちらのレイアウトモデルでも使えます。

実務でどう使うか

  • 学習初期: プログラミング初心者がまず押さえる基本概念のひとつです

  • レイアウトモデル対応 ── Flexbox・Grid どちらのレイアウトモデルでも使える共通プロパティです

  • UI レイアウト全般 ── ナビゲーションバーの中央揃え、カードグリッドの均等配置、ボタン群の右揃えなど、実務の UI レイアウト全般で使います
  • 関連する章

    Ch143 で詳しく学べます。

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る