Question

我有一个wordpress网站。

我试图在我的帖子中添加一个表格。

这是表格代码：

<table border="1">
    <tr>
        <td rowspan=3>
            area on the left
        </td>
        <td>
            Area on the right-1
        </td>
    </tr>
    <tr>
        <td>
            Area on the right-2
        </td>
    </tr>
    <tr>
        <td>
            Area on the right-3
        </td>
    </tr>
</table>

添加表格后，我发现主要的css包含vertical-align:baseline，table，tbody，caption，tr的{{1}}， td。因为右侧区域1正在左侧区域的右下角开始。

当我从主css中删除th时，它会影响所有网站

我如何解决这个问题？

Answer 1

您可以使用vertical-align:top覆盖该属性。写得像这样：

table{
 vertical-align:top;
}

Answer 2

我找到了像这样的解决方案

<table border="1" style="vertical-align:top;">
<tr>
    <td rowspan=3 style="vertical-align:top;">
        area on the left
    </td>
    <td style="vertical-align:top;">
        Area on the right-1
    </td>
</tr>
<tr>
    <td>
        Area on the right-2
    </td>
</tr>
<tr>
    <td>
        Area on the right-3
    </td>
</tr>

在主css中垂直对齐

2 个答案: