2

我有一张这样的桌子:

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

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

我能做些什么?

4

1 回答 1

0

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

td {
    vertical-align:top;
}
于 2013-05-04T19:53:45.763 回答