css - 主 css 中的垂直对齐

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 for table, tbody, caption、tr、td、th。因为右侧区域 1 刚好从左侧区域的右下角开始。

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

我该如何解决这个问题？

Answer 1

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

table{
 vertical-align:top;
}