Question

我在表格中有4个<td>，每个<td>都有1个像素的边框。所有div都有“我的部门”字样。

现在，当我在其中一个<td>中添加更多文字时，<td>的高度会增加，<div>中<td>的高度也会增加，但其他3 <div>中的其他3 <td>则没有。如何根据增加的<td>调整高度。

<table>
 <tr> 
   <td height="50"><div style="border:1px solid;">My Division</div></td> 
   <td height="50"><div style="border:1px solid;">My Division</div></td> 
   <td height="50"><div style="border:1px solid;">My Division</div></td> 
   <td height="50"><div style="border:1px solid;">My Division</div></td> 
 <tr> 
</table>

Answer 1

使用纯CSS时，只有你的tds有一个高度才有可能。然后你可以使div高度100％。但那不是你想要的。

要解决您的问题，您需要使用javascript。

Answer 2

这就是你需要的：

#myTable td { 
  vertical-align:top; 
}

#myTable td div {
  height:100%;   
}

jsFiddle test

根据TD高度调整Div高度

2 个答案: