- 最終更新日
- 記事公開日
「display:flex」プロパティ一覧
「display:flex」でよく使うプロパティだけの一覧が欲しいの。
動きとか説明とか余計な情報は要らないんだけど・・・
了解です！
こちらになります↓
| justify-content:start; | 横方向・左揃え |
| justify-content:end; | 横方向の右揃え |
| justify-content:center; | 横方向の中央揃え |
| justify-content:space-between; | 左右の端に『余白なし』 |
| justify-content:space-around; | 左右の端に『余白あり』 |
| justify-content:space-evenly; | 均等余白 |
| align-items:flex-start; | 縦方向・上揃え |
| align-items:flex-end; | 縦方向・下揃え |
| align-items:center; | 縦方向・中央揃え |
| flex-direction:row; | 要素を『横』に並べる（正順） |
| flex-direction:row-reverse; | 要素を『横』に並べる（逆順） |
| flex-direction:column; | 要素を『縦』に並べる（正順） |
| flex-direction:column-reverse; | 要素を『縦』に並べる（逆順） |