Playgroundもググったらいっぱい出てくる

Elementパネルで確認できる

flex指定してるところの右のアイコンをクリックすると出てくる

v90で入った

Flexbox大まかな構造

flexのpropsは複数あるが、ContainerとItemどちらに使うものなのかが決まっているので意識して使い分ける必要がある

親要素

display: flex を指定する方

アイテムの並び順を指定する

アイテムの折り返しを指定する

flex-directionとflex-wrapを一括指定

itemのフロー方向に対する配置を指定する

itemの書字方向に対する配置を指定する

itemの中身の書字方向に対する配置を指定する

子要素

アイテムの縮み率を指定

order

アイテムの並び順を指定

アイテムの垂直方向の位置を指定

アルゴリズム

日本語

用語