主軸方向に寄せる
CSSレイアウト入門 / 全 5 枚
CSSレイアウト入門 - 主軸方向に寄せる
5つの値で寄り方が変わる
justify-content の値を順に送って、箱の位置と隙間の幅がどう動くか見てください。
- 動くのは主軸の方向だけ。既定では左から右の横向き
- 隙間の幅が数値で出るので、値の名前と結びつけられる
- space-between のときだけ、両端の隙間が 0 になる
1 / 5
← → キーでも送れます
CSSレイアウト入門 - 主軸方向に寄せる
justify-content の値を順に送って、箱の位置と隙間の幅がどう動くか見てください。
1 / 5
← → キーでも送れます