The Show
Syntax
The Imagine a horizontal flexbox layout. That horizontal flow is the main axis, so align-items is the alignment opposite that, on the vertical axis. Bear in mind that changes when the main axis changes, and the cross axis changes with it. You can think of The rest of this article is fairly focused on flexbox rather than grid. The concepts are still very similar, but there are some differences. For example, in flexbox, the axises can change, where in grid they cannot. That effects things like flexbox having values like (Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer) Die Eigenschaft vertical-align beschreibt die vertikale Ausrichtung von Text und anderen Inline-Inhalten in einem HTML-Element. Auch die vertikale Ausrichtung von Inhalten in einer Tabelle kann so festgelegt werden. Vererbt: nein Siehe auch: text-align WerteDie folgenden Konstanten richten Text und andere Inline-Inhalte unter Berücksichtigung der Schriftgröße des übergeordneten Elements aus:
Mit CSS-Maßangaben und Prozentwerten wird die vertikale Ausrichtung von Inline-Inhalten wie folgt bestimmt:
Die folgenden Konstanten richten Text und andere Inline-Inhalte unter Berücksichtigung der Zeilenhöhe des übergeordneten Elements aus. Die Ergebnisse können sich von denen der anderen, an der Schriftgröße ausgerichteten Konstanten erheblich unterscheiden:
In der Deklaration für Tabellenzellen verhalten sich sub, super, text-bottom und text-top wie baseline. Die Konstanten bottom, middle und top beziehen sich auf die Box der Tabellenzelle, baseline bezieht sich auf die Grundlinie der Tabellenzeile. Standardwert: baseline KompatibilitätCSS-Version: 1 (CSS-Maßangaben seit CSS2) Funktioniert in Internet Explorer ab Version 4, Opera und Mozilla (einschließlich Netscape ab Version 6). Der Internet Explorer für Windows bis Version 5 unterstützt nur baseline, sub und super. Version 5.5 funktioniert zwar mit allen Konstanten, allerdings nur für Elemente, die das HTML-Attribut valign unterstützen (zum Beispiel Tabellenzellen). Der Internet Explorer für Windows unterstützt für vertical-align generell keine CSS-Maßangaben oder Prozentwerte. BeispielFolgende Stilregel richtet alle Tabellenüberschriften (th) an der vertikalen Mitte der Tabellenzellen aus, in denen sie stehen: |