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

Question

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

Answer 1

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

<style type="text/css">

td {
    text-align: center;
}

</style>

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

Answer 2

使用align的{​​{1}}属性。

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>

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