Stil mit {stil}

Nov 07

CSS vertical-align • Vertikale Ausrichtung von HTML-Elementen

vertical-align richtet Bilder und Texte in Tabellenzellen und Texten an einer Grundlinie aus. Diese Grundlinie – baseline – wird anhand eines Textes oder einer Linie bestimmt.

Dabei ist vertical-align in erster Linie für die Ausrichtung von Inline-Elementen gedacht und nicht für die Positionierung von Blockelementen.

In Texten richtet vertical-align eine Gruppe von Zeichen relativ zur Grundlinie des Text aus, in Tabellenzellen anhand der oberen oder unteren Grenze der Zelle.

vertical-align

IE4+ M1 N4+ O5+ Sa1 CSS1/CSS2 Erblich: Nein

baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit

Der Werte top, middle und bottom sind für Tabellenzellen vorgesehen. sub, super, text-top, text-bottom werden für Ausrichtung in Textboxen verwendet.

vertical-align: Ausrichten von Bildern und Texten in Tabellenzellen

vertical-align für Texte

vertical-align für Bilder

Bild an der Oberkante des Textes ausrichten: Ist nicht dasselbe wie style: float, denn mit vertical-align belegt das Bild weiterhin eine Zeile.

zurück zum Seitenanfang