什么是表格布局的对齐 CSS 样式？答案

【问题标题】：what is alignment css style for table layout?什么是表格布局的对齐 CSS 样式？
【发布时间】：2010-10-16 01:16:07
【问题描述】：

我有一个 html 表格。我更喜欢将表格布置为居中。这个布局的 css 样式是什么？还有任何在线 css 工具可以交互式地查看样式变化吗？

【问题讨论】：

标签： css

【解决方案1】：

如果我没记错的话，它是text-align 属性。还是您的意思是在 html 页面中将表格居中？

【讨论】：

【解决方案2】：

鉴于此 HTML：

<div>
  <table>
    <!-- contents -->
  </table>
</div>

你可以使用这个 CSS：

div{
  margin:0 auto;
  text-align:center;
}
div table{
  margin:0 auto;
  text-align:left;
}

如果您将margin: 0 auto 应用到table，大多数浏览器已经可以工作了。

不过，text-align CSS 使它适用于更挑剔的浏览器。具体来说，text-align: center 将使table 居中，但由于它会产生同时居中每个单元格内容的副作用，因此您需要将text-align: left 应用于表格以重置该属性。

【讨论】：