Como fazer - Mesas de centro
Aprenda como centralizar uma tabela com CSS.
Mesa centralizada:
Primeiro nome | Último nome | Era |
---|---|---|
Jill | Smith | 50 |
véspera | Jackson | 94 |
John | Corça | 80 |
Como Centralizar Mesas
Etapa 1) Adicionar HTML:
Exemplo
<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>
Etapa 2) Adicionar CSS:
Para centralizar uma tabela, defina as margens esquerda e direita para auto
:
Exemplo
.center {
margin-left: auto;
margin-right: auto;
}
Observe que uma tabela não pode ser centralizada se a largura estiver definida como 100% (largura total).
Dica: Acesse nosso Tutorial de tabelas CSS para saber mais sobre como estilizar tabelas.