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规则!!）

FIDDLE

<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”AND valign =“middle”

但是，最好使用CSS

Answer 3

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

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

使用NO CSS水平和垂直居中表格单元格的内容

3 个答案: