在表格单元格中对齐文本的最简单方法

Question

我对 html 知之甚少，几乎没有 css。我想知道将左对齐文本更改为在单元格内居中对齐的最简单方法。 stackoverflow 上的某个人帮助我弄清楚如何使用以下代码在我的 wordpress 页面上将表格居中：

<div style="text-align: center;">
    <table style="margin: 0px auto;" border="0">
        <table border="0">
            <tbody>
                <tr>
                    <td>ddd</td>
                    <td>ddd</td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
</div>

我现在需要弄清楚如何使单元格内的文本居中。我尝试在 td 旁边使用 align="center"。这显示文本在 wordpress 管理区域居中，但在实际网页上，文本仍然左对齐。另一个人建议我在标题代码中添加一些内容并将其链接到该内容。再说一次，我对此知之甚少，并会欣赏最简单的解决方案。谢谢。

Answer 1

添加以下CSS（CSS必须在<style>标签内添加）：

<style>
td {
    vertical-align: middle;
    text-align: center;
}
</style>

另外..删除<table>标签之一：

<table style="margin:0px auto;" border="0">
<table border="0">

应该是

<table style="margin:0px auto;" border="0">

Answer 2

<td style="text-align:center"></td>

如果您希望每个单元格居中，最简单的解决方案是将上述内容添加到每个单元格中。

你不需要上面的div或table标签中的样式，只需要一个table标签:)

<table>
 <tr>
    <td style="text-align:center">centered text</td>
 </tr>
</table>

Answer 3

这里有两种简单的方法：

<td align="left">foo</td>
<td style="text-align:left;">foo</td>

编辑

正如其他人所提到的，您还需要删除嵌套的<table> 标签。