Wyrównanie tabeli CSS
Wyrównanie w poziomie
Właściwość text-align
ustawia wyrównanie w poziomie (np. do lewej, do prawej lub do środka) zawartości w <th> lub <td>.
Domyślnie zawartość elementów <th> jest wyrównana do środka, a zawartość elementów <td> jest wyrównana do lewej.
Aby wyśrodkować również zawartość elementów <td>, użyj text-align: center
:
Przykład
td
{
text-align: center;
}
Aby wyrównać zawartość do lewej, wymuś wyrównanie <th> elementów do lewej, z text-align: left
właściwością:
Przykład
th
{
text-align: left;
}
Wyrównanie w pionie
Właściwość vertical-align
ustawia wyrównanie w pionie (takie jak góra, dół lub środek) zawartości w <th> lub <td>.
Domyślnie pionowe wyrównanie treści w tabeli to środek (zarówno dla elementów <th>, jak i <td>).
Poniższy przykład ustawia pionowe wyrównanie tekstu do dołu dla elementów <td>:
Przykład
td
{
height: 50px;
vertical-align: bottom;
}