続ける前に、これらの値を使用してそれらがどのように機能するかを確認することをお勧めします。フレックス項目の順序付けフレックスボックスには、ソース順に影響を与えずにフレックス項目のレイアウトの順序を変更する機能もあります。これも従来のレイアウト方法では不可能なことです。このコードは簡単です。追加してみてください。ボタンが主軸の終点に移動したことがわかります。これがどのように機能するかについてもう少し詳しく説明しましょう。値を持つ項目よりも表示順序の後半に表示されます。値を持つフレックス項目は、ソース順で表示されます。3番目の項目は2番目の後に表示されます。値を持ち、ソース順でそれより後にあるためです。設定されている項目よりも早く項目を表示することができます。ボタンを主軸の始点に表示させることができます。-1;}ネストしたフレックスボックスフレックスボックスを使ってかなり複雑なレイアウトを作成することは可能です。フレックス項目をフレックスコンテナとしても設定して、その子も柔軟な箱のようにレイアウトできるようにしてもまったく問題ありません。見てください(ライブも見る)。