CSS -tabeluitlijning
Horizontale uitlijning
De text-align
eigenschap stelt de horizontale uitlijning in (zoals links, rechts of midden) van de inhoud in <th> of <td>.
Standaard wordt de inhoud van <th> elementen gecentreerd en de inhoud van <td> elementen links uitgelijnd.
Gebruik om de inhoud van <td>-elementen ook in het midden uit te lijnen text-align: center
:
Voorbeeld
td
{
text-align: center;
}
Om de inhoud links uit te lijnen, forceer je de uitlijning van <th> elementen om links uitgelijnd te worden, met de text-align: left
eigenschap:
Voorbeeld
th
{
text-align: left;
}
Verticale uitlijning
De vertical-align
eigenschap stelt de verticale uitlijning in (zoals boven, onder of midden) van de inhoud in <th> of <td>.
Standaard is de verticale uitlijning van de inhoud in een tabel midden (voor zowel <th> als <td> elementen).
In het volgende voorbeeld wordt de verticale tekstuitlijning naar beneden ingesteld voor <td>-elementen:
Voorbeeld
td
{
height: 50px;
vertical-align: bottom;
}