主軸方向に寄せる

CSSレイアウト入門 / 全 5

CSSレイアウト入門 - 主軸方向に寄せる

5つの値で寄り方が変わる

justify-content の値を順に送って、箱の位置と隙間の幅がどう動くか見てください。

  • 動くのは主軸の方向だけ。既定では左から右の横向き
  • 隙間の幅が数値で出るので、値の名前と結びつけられる
  • space-between のときだけ、両端の隙間が 0 になる
justify-content と余りの行き先

1 / 5

このスライドが付いているレッスンを開く