ວິທີທີ່ຈະສູນມວນຊື່ງໂຕບໍ່ດຳ

ຮຽນວິທີທີ່ຈະສູນມວນຊື່ງໂຕບໍ່ດຳດ້ວຍ CSS.

ມວນຊື່ງໂຕບໍ່ດຳ:

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
John Doe 80

ວິທີທີ່ຈະສູນມວນຊື່ງໂຕບໍ່ດຳ

ຂັ້ນຕອນທີ 1 - ສະເໜີ HTML:

<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>

ຂັ້ນຕອນທີ 2 - ສະເໜີ CSS:

ເພື່ອຈະສູນມວນຊື່ງໂຕບໍ່ດຳ, ກະຈາຍຂ້າງຊ້າຍແລະຊ້າຍກາງເປັນອັດຕາສັດ:

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

ທ່ານຕ້ອງພະຍາຍາມດັ່ງນັ້ນ

请注意，如果宽度设置为 100%（全宽），则表格无法居中。

相关页面

教程：CSS 表格