2011-03-16 37 views
-2
<table> 
    <tr> 
     <td>//1 
     //some control server side 
     </td> 
    </tr> 
    <tr> 
     <td>//2 
      //some control server side 
     </td> 
    </tr> 
    <tr> 
     <td>//3 
      //some control server side 
     </td> 
    </tr> 
</table> 

我喜歡增加td.1的內容,然後自動增加td.2和td.3的內容。增加表格的行數

+2

能否請您讓您的問題更清晰?很難理解你想要什麼。 – JohnP 2011-03-16 08:12:33

+0

傻,,,,,,,,,,, – GodIsLive 2011-03-16 08:23:45

+0

我想OP要的是「TD 1s高度增加時,同時有TD 2和3增加。」雖然我可能會誤, – Kyle 2011-03-16 08:24:43

回答

2

你可以很容易地用CSS做到這一點。

<table> 
    <tr> 
    <td class="cell-class"> cell 1 </td> 
    </tr> 
    <tr> 
    <td class="cell-class"> cell 2 </td> 
    </tr> 
    <tr> 
    <td class="cell-class"> cell 3 </td> 
    </tr> 
</table> 
在.css文件

,做到:

.cell-class { height: 40px; } 

當你提高你的CSS高度,三個單元會自動增加高度。

2

一個清潔,速度更快的方式來增加所有單元格的高度將是:

HTML

<table id="my_table"> 
    <tr> 
     <td> cell 1 </td> 
    </tr> 
    <tr> 
     <td> cell 1 </td> 
    </tr> 
    <tr> 
     <td> cell 1 </td> 
    </tr> 
</table> 

CSS

#my_table tr td 
{ 
    height: 40px; 
} 
+0

回想一下,從內容角度來看,添加填充效果會更好td's:padding:15px 0 ;. – Damien 2011-04-27 09:46:15