アイテムは行の中に並び、アイテムの主軸方向のサイズにはその内容のサイズが使用されます。アイテムがコンテナーに収まらない場合は、折り返されずにオーバーフローします。あるアイテムの高さが他のアイテムより大きい場合には、すべてのアイテムが交差軸方向にそのサイズを埋めるように伸張されます。この見え方についての、例を以下に挙げます。アイテムを変更したり新たに追加してフレックスボックスの初期値の挙動を確かめてください。アイテムが表示される方向を変更することができます。設定することで、アイテムは行に沿って並ぶ点は変わりませんが、始点と終点が入れ替わります。アイテムは列に沿って並んで表示されるようになります。始点と終点が入れ替わります。column-reverse)で何が起こるか確かめてみてください。アイテムを複数行に折り返して表示させることも可能です。コンテナーとして捉える必要があります。スペースの分配はその行の中でのみ発生し、隣の行については参照されません。するとアイテムが一行で表示するには大きすぎる場合には、新たな行に折り返しされます。コンテナーよりも大きくなるような幅をアイテムに設定しています。設定すると、アイテムが折り返します。設定すると、フレックスボックスの初期値はアイテムの収縮を許可するので、アイテムはコンテナにフィットするように収縮されます。アイテムを収縮不可能な場合や、コンテナにフィットするサイズまで小さくできない場合には、オーバーフローを引き起こします。同時に指定することができます。変更してみてください。変更してみてください。アイテムに対してさらなる制御をするために、アイテムを直接操作対象にすることができます。つのプロパティを使用します。flex-growflex-shrinkflex-basis本ページでは、これらのプロパティについて簡単に触れます。ガイドで、より完全な情報を得られます。概念について考える必要があります。上述のプロパティを変更するということは、アイテム間での分配可能スペースの分配のしかたを変えるということです。この分配可能スペースについての考え方は、アイテムの位置合わせについて考える時に重要になります。ピクセルの分配可能スペースが残っています。初期値を変更しなかった場合フレックスボックスは、スペースを最後のアイテムの後ろに配置します。なく、アイテムを拡大してスペースを埋めたいときには、余っているスペースをアイテムに分配する方法が必要となります。プロパティが提供する機能です。アイテムのサイズを定義し、余ったスペースは、分配可能スペースとして残されます。この場合にはブラウザーはアイテムにサイズが設定されているかを確認します。