本文目錄導讀：

1. 水平居中
2. 垂直居中
3. 同時居中

表格居中用CSS怎么寫

在網(wǎng)頁設計中，使用CSS（層疊樣式表）來居中表格是一個常見的需求，通過CSS，您可以輕松地控制表格的位置，使其水平或垂直居中，從而提升網(wǎng)頁的整體美觀和用戶體驗。

水平居中

水平居中表格是指將表格放置在頁面的中央，左右兩側(cè)留空，在CSS中，您可以使用margin: auto;來實現(xiàn)水平居中。

table {
  margin: auto;
  width: 50%; /* 您可以根據(jù)需要調(diào)整表格的寬度 */
}

垂直居中

垂直居中表格是指將表格放置在頁面的中央，上下兩側(cè)留空，在CSS中，您可以使用vertical-align: middle;來實現(xiàn)垂直居中。

table {
  vertical-align: middle;
  width: 50%; /* 您可以根據(jù)需要調(diào)整表格的寬度 */
}

同時居中

如果您希望表格在水平和垂直方向上都居中，那么可以結(jié)合使用margin: auto;和vertical-align: middle;。

table {
  margin: auto;
  vertical-align: middle;
  width: 50%; /* 您可以根據(jù)需要調(diào)整表格的寬度 */
}

通過以上CSS樣式設置，您可以輕松地實現(xiàn)表格的居中顯示，提升網(wǎng)頁的整體美觀和用戶體驗。