flexbox
flexboxの書き方
適用した領域を囲む要素に
display: flex; と記入する
その要素自身は flexコンテナ と
直下の子要素 flexアイテム として機能する
様々なflexboxのプロパティが適用できるようになる
flexboxのプロパティ
- 「flex-direction」flexアイテムの並び方（横並び・縦並び）
- 「flex-wrap」flexアイテムの折り返し
- 「flex-flow」flexアイテムが並ぶ向きと折り返し
- 「justify-content」flexアイテム同士の水平方向の間隔
- 「align-items」flexアイテムの位置の指定
- 「align-content」flexアイテムの垂直方向の間隔
今日のひるごはん
