html - 表格单元格中的中心文本

Question

我似乎找不到问题的答案。我有一个包含两行和两列的表格(如下所示的代码)，如何将特定单元格中的文本居中对齐。我想居中对齐一个或两个单元格中的文本 - 而不是所有单元格。

<div style="text-align: center;">
    <table style="margin: 0px auto;" border="0">
        <tbody>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
            <tr>
                <td>Cell 3</td>
                <td>Cell 4</td>
            </tr>
        </tbody>
    </table>
</div>

Answer 1

我建议为此使用 CSS。您应该创建一个 CSS 规则来强制居中，例如:

.ui-helper-center {
    text-align: center;
}

然后将 ui-helper-center 类添加到您希望控制对齐的表格单元格中:

<td class="ui-helper-center">Content</td>

---

编辑:既然这个答案被接受了，我觉得有义务编辑掉评论中引起口水战的部分，并且不要提倡不良和过时的做法。

参见 Gabe's answer了解如何将 CSS 规则包含到您的页面中。