Durch das flexible Layout können Unterelemente ihre eigene Höhe beibehalten

Beim Verwenden des Flex-Layouts werden Sie feststellen, dass bei horizontaler Anordnung die Höhe aller untergeordneten Elemente gleich ist.

Dies liegt daran, dass das Flex-Layout standardmäßig wie folgt lautet:

• Alle Unterpunkte horizontal anordnen.
• Standardmäßig ist kein automatischer Zeilenumbruch aktiviert.
• Gibt dem untergeordneten Element die gleiche Breite wie seinem Inhalt und setzt die Höhe aller untergeordneten Elemente auf die Höhe des größten untergeordneten Elements.

Es ist sehr umständlich, die Hintergrundfarbe auf diese Weise einzustellen. Anschließend können Sie align-items auf Flex-Start oder andere Werte des align-items-Attributs des übergeordneten Elements einstellen, und das untergeordnete Element behält seine eigene Höhe bei.

.fett{
	Anzeige: Flex;
	Elemente ausrichten: Flex-Start;
}

Die Wirkung ist wie folgt:

Dies ist das Ende dieses Artikels über die Verwendung des Flex-Layouts, um untergeordnete Elemente auf ihrer eigenen Höhe zu halten. Weitere Informationen zur Verwendung des Flex-Layouts, um untergeordnete Elemente auf ihrer eigenen Höhe zu halten, finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!