Categories: Software

So werden Tabellen mit CSS gestaltet

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.

Page: 1 2 3

ZDNet.de Redaktion

Recent Posts

Lags beim Online-Gaming? DSL-Vergleich und andere Tipps schaffen Abhilfe

Beim Online-Gaming kommt es nicht nur auf das eigene Können an. Auch die technischen Voraussetzungen…

3 Tagen ago

GenKI-Fortbildung immer noch Mangelware

Fast jedes zweite Unternehmen bietet keinerlei Schulungen an. In den übrigen Betrieben profitieren oft nur…

3 Tagen ago

Netzwerk-Portfolio für das KI-Zeitalter

Huawei stellt auf der Connect Europe 2024 in Paris mit Xinghe Intelligent Network eine erweiterte…

3 Tagen ago

Internet-Tempo in Deutschland: Viel Luft nach oben

Höchste Zeit für eine schnelle Kupfer-Glas-Migration. Bis 2030 soll in Deutschland Glasfaser flächendeckend ausgerollt sein.

3 Tagen ago

Erste Entwickler-Preview von Android 16 verfügbar

Schon im April 2025 soll Android 16 den Status Plattformstabilität erreichen. Entwicklern gibt Google danach…

3 Tagen ago

Kaspersky warnt vor Cyberangriff auf PyPI-Lieferkette

Die Hintermänner setzen KI-Chatbot-Tools als Köder ein. Opfer fangen sich den Infostealer JarkaStealer ein.

4 Tagen ago