CSS -Tabellenausrichtung
Horizontale Ausrichtung
Die text-align
Eigenschaft legt die horizontale Ausrichtung (wie links, rechts oder zentriert) des Inhalts in <th> oder <td> fest.
Standardmäßig ist der Inhalt von <th>-Elementen zentriert und der Inhalt von <td>-Elementen linksbündig ausgerichtet.
Um den Inhalt von <td>-Elementen ebenfalls zentriert auszurichten, verwenden Sie text-align: center
:
Beispiel
td
{
text-align: center;
}
Um den Inhalt linksbündig auszurichten, erzwingen Sie die linksbündige Ausrichtung von <th>-Elementen mit der text-align: left
Eigenschaft:
Beispiel
th
{
text-align: left;
}
Vertikale Ausrichtung
Die vertical-align
Eigenschaft legt die vertikale Ausrichtung (wie oben, unten oder Mitte) des Inhalts in <th> oder <td> fest.
Standardmäßig ist die vertikale Ausrichtung des Inhalts in einer Tabelle in der Mitte (sowohl für <th>- als auch für <td>-Elemente).
Das folgende Beispiel setzt die vertikale Textausrichtung für <td>-Elemente auf unten:
Beispiel
td
{
height: 50px;
vertical-align: bottom;
}