CSS
Flexbox
読み方：フレックスボックス
要素を横並び・縦並びにするレイアウト方法。親要素に display: flex を指定する。
やさしい説明
Flexbox（フレックスボックス）とは、要素を横並びや中央揃えにするCSSレイアウト方法です。
親要素に display: flex を指定すると、子要素が横並びになります。
具体例・使い方
display: flex; → 子要素を横並びに
justify-content: center; → 横方向の中央揃え
align-items: center; → 縦方向の中央揃え
flex-wrap: wrap; → 折り返しを許可
よくある疑問
Q: FlexboxとGridの違いは？
A: Flexboxは1方向（横or縦）のレイアウト、Gridは2方向（横と縦）のレイアウトに向いています。
関連用語
📖 関連レッスン
レッスンを見る →