フレックスレイアウトではサブアイテムの高さを維持できる

Flex レイアウトを使用すると、水平に配置すると、すべての子項目の高さが同じになることがわかります。

これは、Flex レイアウトがデフォルトで次のようになるためです。

• すべてのサブ項目を水平に並べます。
• デフォルトでは、自動行折り返しは有効になっていません。
• 子要素の幅をそのコンテンツと同じにし、すべての子要素の高さを最も高い子要素の高さに設定します。

このように背景色を設定するのは非常に不便です。その後、親アイテムの align-items 属性を flex-start またはその他の値に設定すると、子アイテムは独自の高さを維持します。

。脂肪{
	ディスプレイ: フレックス;
	align-items:flex-start;
}

効果は以下のとおりです。

Flex レイアウトを使用して子アイテムを独自の高さに保つ方法についての記事はこれで終わりです。Flex レイアウトを使用して子アイテムを独自の高さに保つ方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。