CSS/Eigenschaften/align-items
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft align-items legt fest, wie die einzelnen flexiblen Elemente entlang der Querachse angeordnet werden. Im Gegensatz zu justify-content geht es hier meist um die vertikale Anordnung, z.B. von Bildern..
erlaubte Werte |
|
---|---|
anwendbar auf | flexible Container (Unterschied Tag Element Attribut) |
Browsersupport | Details: caniuse.com |
Vererbung | nein |
animierbar | nein |
Beispiel
.mittig { align-items: center; }
Durch die Klasse mittig werden die Elemente entlang der Querachse ausgerichtet
Beachten Sie: Wenn Sie den flexiblen Elementen keine feste Höhe und in der Eigenschaft align-items keinen Wert zuweisen, passt der Standardwert
stretch
die Höhe aller flexiblen Elemente an das größte Schwesterelement an.Weblinks
- Spezifikation (W3C): CSS Flexible Box Layout Module Level 1 - align-items
- MDN: align-items