水平和垂直居中表格单元格的内容？

Question

我需要能够使用纯 HTML 将表格单元格的内容垂直和水平居中。

使用下面的代码，有人可以为我修改它。我可以看到很多 CSS 示例，但我不是 CSS 类型的人，我不想真正了解它。

这是一次性编辑。

<table border="1" bordercolor="7c74ba" style="background-color:#FFFFFF" width="100%" cellpadding="1" cellspacing="0">
    <tr>
        <td>Table Cell</td>
    </tr>
</table>

如何在Table Cell不移动表格本身的情况下垂直和水平居中文本。表格单元完美地放置在我想要的位置。

Answer 1

添加text-align:center到您的样式中（嗯，您实际上已经在使用 css 规则了！！）

小提琴

<table border="1" bordercolor="7c74ba" style="background-color:#FFFFFF;text-align:center" width="100%" cellpadding="1" cellspacing="0">
    <tr>
        <td>Table Cell</td>
    </tr>
</table>