buttonレイアウトに使用したコードを見てみましょう。子を柔軟な箱として配置するように設定します。ようにレイアウトしています。要素)もフレックス項目のように配置されるように設定します。ここでそれらをラッピングする行にレイアウトし、先ほど見た個々のボタンの例で行ったように、それらを使用可能なスペースの中央に配置します。これは非常に興味深い効果があり、ブラウザーウィンドウの幅を変更してみるとわかります。ボタンは可能な限り多くのスペースを占有し、できるだけ同じラインに配置できますが、同じラインに収まりきらなくなった場合は、ドロップダウンして新しいラインを作成します。新しいバージョンなど、ほとんどの新しいブラウザーで利用できます。フレックスボックスをサポートしていない古いブラウザーもまだあります(または、しますが、本当に古い、時代遅れのバージョンをサポートします)。あなたがただ学んで実験している間、これはあまり重要ではありません。実際のウェブサイトでフレックスボックスを使用することを検討している場合は、テストを行い、できるだけ多くのブラウザーでユーザーエクスペリエンスが許容範囲内であることを確認する必要があります。機能よりも少しトリッキーです。ドロップシャドウがない場合でも、そのサイトは引き続き使用可能です。フレックスボックス機能をサポートしていないと、レイアウトが完全に壊れて使用できなくなる可能性があります。クロスブラウザーテストのモジュールでは、クロスブラウザーのサポートの問題を解決するための戦略について説明します。まとめこれで、フレックスボックスの基本についてのツアーは終了です。私たちはあなたが楽しみを持って、学習と共に前進するにつれてそれと一緒に良い遊びがあることを願っています。グリッドについて見ていきます。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。