Jak TO - Stoły środkowe
Dowiedz się, jak wyśrodkować tabelę za pomocą CSS.
Wyśrodkowany stół:
Imię | Nazwisko | Wiek |
---|---|---|
Jill | Kowal | 50 |
przeddzień | Jackson | 94 |
Jan | Łania | 80 |
Jak wyśrodkować stoły
Krok 1) Dodaj kod HTML:
Przykład
<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>
Krok 2) Dodaj CSS:
Aby wyśrodkować tabelę, ustaw lewy i prawy margines na auto
:
Przykład
.center {
margin-left: auto;
margin-right: auto;
}
Zauważ, że tabeli nie można wyśrodkować, jeśli szerokość jest ustawiona na 100% (pełna szerokość).
Wskazówka: przejdź do naszego samouczka dotyczącego tabel CSS , aby dowiedzieć się więcej o stylizacji tabel.