在HTML表格中，如何将单元格的内容（而不是表格本身）居中？

Question

鉴于我被允许使用静态JS和HTML标签（仅限IE6支持的标签），我如何将单元格的内容集中在HTML表格中（而不是表格本身）？

Answer 1

IE 6支持CSS。 在文件的头部：

<style type="text/css">

td {
    text-align: center;
}

</style>

如果您有多个表并且只想对特定表执行此操作，则可以使用选择器进行更精细化。

Answer 2

使用<td>的align属性。

Answer 3

使用css样式text-align: center; ，作为内联样式（下方）或作为应用于所有<td>元素的css样式（如Joel的答案中所建议的）。

<td style="text-align:center;">
    Table contents here
</td>

Answer 4

这是一个只有html标签的解决方案。

<table>
  <tr>
    <td><center>Data</center></td>
  </tr>
</table>

但鉴于最佳实践，其他解决方案更好