Neben dem Abstand kann auch die Ausrichtung der Daten in einzelnen Tabellenzellen festgelegt werden. Dafür gibt es zwei Optionen: vertikal und horizontal. Sie entsprechen den Eigenschaften align und valign für die HTML-TD-Elemente. Die CSS-Eigenschaft text-align wird dazu verwendet, um die Zellendaten horizontal auszurichten, und die Eigenschaft vertical-align zur vertikalen Positionierung. Der folgende Ausschnitt zeigt beide Eigenschaften in Aktion.
TD, TH { text-align: center; vertical-align: middle;}
Die Eigenschaft vertical-align besitzt die folgenden möglichen Werte: baseline, sub, super, top, text-top, middle, bottom, text-bottom und length. Wird ein prozentualer Wert angeben, so verwendet der Browser einen entsprechenden Anteil der Zeilenhöhe. Die Eigenschaft text-align ist mit den möglichen Werten left, right, center und justify einfacher aufgebaut.
Neueste Kommentare
1 Kommentar zu So werden Tabellen mit CSS gestaltet
Kommentar hinzufügenVielen Dank für Ihren Kommentar.
Ihr Kommentar wurde gespeichert und wartet auf Moderation.
Nicht vorhandene CSS-Eigenschaft: horizontal-align: right;
Die CSS-Eigenschaft horizontal-align: right; gibt es nicht. Der Autor meint sicher text-align:right;