Sådan centrerer du en tabel

Lær at bruge CSS til at centere tabeller.

Centreret tabel:

Fornavn Efternavn Alder
Jill Smith 50
Eve Jackson 94
John Doe 80

Sådan gør du en tabel centreret

Trin 1 - Tilføj HTML:

<table class="center">
  <tr>
    <th>Fornavn</th>
    <th>Efternavn</th>
    <th>Alder</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>

Trin 2 - Tilføj CSS:

For at centere tabellen, sæt venstre og højre margen til automatisk:

.center {
  margin-left: auto;
  margin-right: auto;
}

Prøv det selv

Bemærk venligst, hvis bredden sættes til 100% (fuld bredde), kan tabellen ikke centreres.

相关页面

教程：CSS 表格