Comment faire - Tables centrales
Apprenez à centrer un tableau avec CSS.
Tableau centré :
Prénom | Nom de famille | Âge |
---|---|---|
Julie | Forgeron | 50 |
Veille | Jackson | 94 |
Jean | Biche | 80 |
Comment centrer les tables
Étape 1) Ajoutez du HTML :
Exemple
<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>
Étape 2) Ajoutez CSS :
Pour centrer un tableau, définissez les marges gauche et droite surauto
:
Exemple
.center {
margin-left: auto;
margin-right: auto;
}
Notez qu'un tableau ne peut pas être centré si la largeur est définie sur 100 % (pleine largeur).
Conseil : accédez à notre didacticiel sur les tableaux CSS pour en savoir plus sur la façon de styliser les tableaux.