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

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>

Answer 2

试试这个：

align="center" 和 valign="middle"

但是，最好使用 CSS

Answer 3

我知道您的问题指定了“无 CSS”，但如果您改变主意，将以下 CSS 添加到我的样式表中就可以了：

td
{
   vertical-align: middle;
   text-align: center;
}