我在表格单元格中有div,目标是在Android设备上的每一行中获取相同高度的表格单元格,其中一些内容包装。经过多次尝试和错误,我可以看到这样做的唯一方法是将div内容封装在div中,然后将每个div调整大小到最高实例的高度。这就是我所拥有的:
<td><div class='menuItemS resizeDiv'>8858600448</div></td>
服务器端生成了许多td标签,这里是标准的:
background-image
menuItemS只是通用样式(背景渐变),并且没有应用于resizeDiv类的CSS。上面的代码不起作用。有什么想法吗?
答案 0 :(得分:0)
我认为这就是你要找的东西:
我已经完成了CSS的 table-layout:fixed; 属性。
<强> CSS 强>
html, body
{
margin:0%;
width:100%;
}
table
{
margin:1% 0%;
width:98%;
background:#333;
height:auto;
padding:10px 0px;
border-collapse:collapse;
table-layout:fixed;
}
.box
{
margin:0;
display:inline-block;
height:100%; /*Changed from auto to 100% */
width:100%;
background:#ddd;
}
<强> HTML 强>
<center>
<table border=1>
<tr>
<td>
<div class="box">
Hello <br /> Hey There... <br /> How you doing?
</div>
</td>
<td>
<div class="box">
</div>
</td>
<td>
<div class="box">
</div>
</td>
</tr>
</table>
</center>