Tabloyu nasıl ortada tutarım

CSS ile tabloyu nasıl ortada tutacağınızı öğrenin.

Ortada tutulan tablo:

İsim Soyadı Yaş
Jill Smith 50
Eve Jackson 94
John Doe 80

Tabloyu nasıl ortada tutarım

İlk Adım - HTML Ekleme:

<table class="center">
  <tr>
    <th>İsim</th>
    <th>Soyadı</th>
    <th>Yaş</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>

İkinci Adım - CSS Ekleme:

Tabloyu ortada tutmak için, sol ve sağ kenar boşluklarını otomatik olarak ayarlayın:

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

Deneyin

Lütfen dikkat edin, genişlik %100 (tam genişlik) olarak ayarlandığında, tablo merkeze yerleştirilemez.

相关页面

教程：CSS 表格