How TO - Centrotavola
Scopri come centrare una tabella con CSS.
Tavolo centrato:
Nome di battesimo | Cognome | Età |
---|---|---|
Jill | fabbro | 50 |
vigilia | Jackson | 94 |
John | Dai | 80 |
Come centrare i tavoli
Passaggio 1) Aggiungi HTML:
Esempio
<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>
Passaggio 2) Aggiungi CSS:
Per centrare una tabella, impostare il margine sinistro e destro su auto
:
Esempio
.center {
margin-left: auto;
margin-right: auto;
}
Si noti che non è possibile centrare una tabella se la larghezza è impostata su 100% (larghezza intera).
Suggerimento: vai al nostro tutorial sulle tabelle CSS per saperne di più su come applicare uno stile alle tabelle.