HTML表格單元出現故障時，添加文本

我有這樣的一個表：HTML表格單元出現故障時，添加文本

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

但是當我添加一些文字標籤，所有細胞下降一位。只有帶有文本的單元格會關閉。

我該怎麼辦？

來源

2013-05-04 user2350530

嘗試所有單元格上的'vertical-align =「top」'。在CSS中它可能看起來像'td {vertical-align：top;}' – tobspr 2013-05-04 19:28:50

我沒有看到你的問題[Check This Fiddle]（http://jsfiddle.net/2JHs5/），*我添加了背景顏色和示範綱要* – 2013-05-04 19:36:07

TobSpr。謝謝，現在一切都很好。 – user2350530 2013-05-04 19:44:33

在所有單元上使用vertical-align="top"。在CSS中，它可能看起來像

td { 
    vertical-align:top; 
}

來源

2013-05-04 19:53:45 tobspr

HTML表格單元出現故障時，添加文本

回答

相關問題