フレックスボックス項目の幅を等しくするにはどうすればよいですか?

Flexbox の均等なアイテム サイズ設定: 均一な幅の実現

Flexbox を使用する場合、フレックス コンテナ内のアイテムのサイズが異なる状況がよく発生します。均等な配分が意図されているにもかかわらず、幅が大きくなります。これは、Flexbox が要素自体内ではなく要素の周囲に利用可能なスペースを均等に割り当てるために発生します。

これに対処し、すべての Flexbox 項目が同じ幅になるようにするには、次の手法を検討してください。

Assignすべての項目に対して 0 のフレックスベース値。これにより、開始点が同じサイズに設定され、成長のための同等の基盤が提供されます。

flex プロパティ: flex: 1 1 0px を使用してアイテムの成長を有効にします。これにより、各アイテムが展開され、利用可能なスペースを均等に占めることができます。

測定単位の「px」は冗長に見えるため省略できるかもしれませんが、Internet Explorer で適切にレンダリングするためには不可欠であることに注意してください。 .

以上がフレックスボックス項目の幅を等しくするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。