CSS Flexbox 各プロパティの使い方を詳しく解説
https://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html
- CSS flexboxとは
- CSS flexboxの使い方
- flexコンテナ: flex-direction（横並びと縦並び）
- flexコンテナ: flex-wrap（単一行と複数行の指定）
- flexコンテナ: flex-flow（ショートハンド）
- flexコンテナ: justify-content（寄せと間隔）
- flexコンテナ: align-items（アイテムの配置方法）
- flexコンテナ: align-content（垂直方向の寄せと間隔）
- メモ: flexコンテナ
- flexアイテム: order（アイテムを並べる順番を設定）
- flexアイテム: flex-grow（アイテムの伸長係数の比率）
- flexアイテム: flex-shrink（アイテムの縮小係数の比率）
- flexアイテム: flex-basis（アイテムの初期サイズを定義）
- flexアイテム: flex（ショートハンド）
- flexアイテム: align-self（アイテムの配置方法）
- メモ: flexアイテム