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（必须在<style>标记中添加CSS）：

<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>
 <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>标记。

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

3 个答案: