Hoe OM - Sentreer tafels
Leer hoe om 'n tabel met CSS te sentreer.
Gesentreerde tabel:
Eerste naam | Van | Ouderdom |
---|---|---|
Jill | Smith | 50 |
Eva | Jackson | 94 |
John | Doe | 80 |
Hoe om tafels te sentreer
Stap 1) Voeg HTML by:
Voorbeeld
<table class="center">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
Stap 2) Voeg CSS by:
Om 'n tabel te sentreer, stel linker- en regterkantlyn op auto
:
Voorbeeld
.center {
margin-left: auto;
margin-right: auto;
}
Let daarop dat 'n tabel nie gesentreer kan word as die breedte op 100% (volwydte) gestel is nie.
Wenk: Gaan na ons CSS-tabelle-tutoriaal om meer te wete te kom oor hoe om tabelle te stileer.