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

但鑒於最佳實踐，其他解決方案更好