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

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>
td {
    vertical-align: middle;
    text-align: center;
}
</style>

另外..删除 标记之一：

<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>

EDIT

正如其他人提到的，您还需要删除嵌套的 标记。