Kann ich Text in einem Flexbox-„Element ohne Wrapper' vertikal ausrichten?

Vertikale Textausrichtung innerhalb von Flexboxen

Abfrage

Vertikale Textausrichtung innerhalb eines

Element mit Flexbox erweist sich als Herausforderung. Ist es möglich, den Zwischen-Wrapper

zu entfernen? Element, das normalerweise das Attribut align-items:center erhält und gleichzeitig die dynamische Höhenverwaltung beibehält?

Lösung

Um Text innerhalb einer Flexbox vertikal auszurichten, verwenden Sie align-items:center anstelle von align-self : Mitte. Durch diese Änderung werden untergeordnete Elemente innerhalb des Flex-Containers ausgerichtet, in diesem Fall das

Element.

Erklärung

Die Eigenschaft align-self zielt auf Flex-Elemente ab, während align-items auf Flex-Container abzielt. Da

Element ist kein Flex-Container, align-self hat keine Auswirkung auf das
• Element. Umgekehrt können align-items auf der
• Element, um seine untergeordneten Elemente vertikal auszurichten.

  Das obige ist der detaillierte Inhalt vonKann ich Text in einem Flexbox-„Element ohne Wrapper' vertikal ausrichten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!