ダボハゼのブログ 
display: flex;と一緒によく使いそうなcssのプロパティをまとめてみました。
目次
flex-direction
フレックスコンテナー内での主軸方向を設定します。
フレックスアイテムを通常の左から右とは逆方向や縦方向に配置することができます。
| row | フレックスコンテナの主軸方向は左から右 |
| row-reverse | フレックスコンテナの主軸方向は右から左 |
| column | フレックスコンテナの主軸方向は上から下 |
| column-reverse | フレックスコンテナの主軸方向は下から上 |
justify-content
フレックスアイテムの主軸方向の揃え位置を指定します。
| flex-start | 左揃え |
| flex-end | 右揃え |
| center | 中央揃え |
| space-between | アイテムの間に均等にスペース |
| space-around | アイテムの両端に均等にスペース |
flex-wrap
フレックスアイテムの折り返しを指定します。
| nowrap | 折り返さない |
| wrap | 折り返す |
| wrap-reverse | 逆方向に折り返す |
align-items
フレックスアイテムの縦方向の揃え位置を指定します。
| normal | 初期値 |
| stretch | 自動調整 |
| center | 中央に配置 |
| flex-start | 上揃え |
| flex-end | 下揃え |