html - 添加文本时HTML表格单元格下降

Question

我有一张这样的桌子：

<table class="rds" cellspacing="15px">
    <tr>
        <td id="r1"><a id="rx1" href="#"></a></td>
        <td id="r2"><a id="rx2" href="#"></a></td>
        <td id="r3"><a id="rx3" href="#"></a></td>
        <td id="r4"><a id="rx4" href="#"></a></td>
    </tr>
</table>

和css文件：

.rds {
    width: auto;
    margin-left:auto;
    margin-right:auto;
}

.rds tr td a:link, .rds tr td a:visited {
    display: block;
    width: 39px;
    height: 39px;
    background-image: url('images/bg.png');
    background-repeat: no-repeat;
    background-position: center;
}

.rds tr td a:active, .rds tr td a:hover {
    display: block;
    width: 39px;
    height: 39px;
    background-image: url('images/bg.png');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.9;
}

但是当我向标签添加一些文本时，所有单元格都会下降一点。只有带有文本的单元格会关闭。

我能做些什么？

Answer 1

用于vertical-align="top"所有细胞。在 css 中它可能看起来像

td {
    vertical-align:top;
}