親要素で宣言するだけでflexアイテムが生み出され、すべてのアイテムが行の中にあることになり、そのアイテムのコンテンツを表示するのに必要なだけの空間をとる理由です。伸びることができます。これでアイテムは主軸の分配可能スペースをすべて使うまで伸びるか、このアイテムと同様伸びる事が許されている他のアイテムがある時には割り当てられた分配可能スペースの分伸びます。コンテナの中の分配可能スペースはそれぞれのアイテムに均等に分配され、それぞれのアイテムは主軸に沿ってコンテナーを埋めるように伸びます。プロパティは余白を比に応じて分配するのに使えます。余白の取りあげ方を制御します。小さくなることができます。同様に、異なる値を割り当てるとあるアイテムの縮むスピードを他のアイテムより早くすることができます。設定されたアイテムは、小さな値が設定されている兄弟要素よりも速く縮みます。比べて一貫性がないように見えるかもしれません。記事に書かれています。指定する値は割合です。いう書き方もできます。一括指定プロパティでまとめて指定されることが多いでしょう。順に3つの値を設定できます。一括指定プロパティの様々な値を試せるようになっています。あり、正の値を指定することでアイテムが伸張できるようになります。正の値によりアイテムが収縮できるようになりますが、アイテムの合計サイズが主軸からはみ出す場合のみ起こります。なり、アイテムが伸張・収縮する際の基準値となります。ほとんどのユースケースをカバーできるいくつかの定義済みの一括指定値があります。チュートリアル中で使用されているのを度々見かけるでしょうし、ほとんどの場合でこれらの値で十分でしょう。定義済みの値は以下のとおりです。フレックスボックスの初期値にリセットします。設定することと同じです。大きくなることはありません。必要な場合にはオーバーフローするのではなく収縮します。アイテムのサイズとして使用されます。設定することと等しくなります。アイテムがコンテナーを埋めるように伸張する点を除いて同じで、必要に応じて収縮もします。アイテムを作成します。フレックスボックスとして配置されます。ような設定をよく目にするでしょう。状態から伸び縮みします。これらの短縮値について、以下の例でためしてみてください。アイテム間での位置合わせ、端揃え、スペース分配フレックスボックスの重要な特徴は、主軸および交差軸において位置合わせや端揃えをし、flexアイテム間でのスペースの分配ができる点にあります。プロパティは、交差軸におけるアイテムの位置合わせを行います。アイテムの高さまで他のアイテムが伸張する挙動になっています。コンテナーを埋めるように伸張します。以下の例で試してみましょう。コンテナに高さを設定しています。以下の値を設定したときにそれぞれ何が起こるか確認してください。設定された方向における位置合わせを行います。コンテナーの始点側からアイテムが並べられます。設定することで中央に並べることもできます。使用して、アイテムを配置したあとの残りのスペースのすべてをアイテム間で均等に振り分けられ、これによって同じ幅の空白がそれぞれアイテムの間に挿入されます。コンテナーの両端には、アイテム間の半分のサイズのスペースが設けられます。スペースが設けられます。値を試してみましょう。flex-startflex-endcenterspace-aroundspace-betweenspace-evenlyフレックスコンテナー内でのアイテムの配置の記事では、これらのプロパティがどのように動作するのか深く理解するために、より詳細に述べています。上述の簡潔な例でもほとんどのユースケースで役に立つでしょう。次のステップこの記事で、フレックスボックスの基本的な特徴についての理解ができたと思います。レイアウトメソッドとどのような関係にあるかを見ていきます。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。