2011-03-16 32 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