将类的div调整为最大

时间:2015-05-17 16:36:24

标签: javascript android jquery html css

我在表格单元格中有div,目标是在Android设备上的每一行中获取相同高度的表格单元格,其中一些内容包装。经过多次尝试和错误,我可以看到这样做的唯一方法是将div内容封装在div中,然后将每个div调整大小到最高实例的高度。这就是我所拥有的:

<td><div class='menuItemS resizeDiv'>8858600448</div></td>

服务器端生成了许多td标签,这里是标准的:

background-image

menuItemS只是通用样式(背景渐变),并且没有应用于resizeDiv类的CSS。上面的代码不起作用。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我认为这就是你要找的东西:

我已经完成了CSS的 table-layout:fixed; 属性。

WORKING : DEMO更新

<强> 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>