Question

我创建了一个表http://jsfiddle.net/vR5B8/。

table  id="resultDetails" class="table-striped" border=1 width="99%" nowrap=0;  cellspacing=0; cellpadding=3><tbody>
            <th colspan="2"><Big>Result Details</Big></th>
                <tr data-depth=0 class="collapse" height=1px >
                    <td width="4%">P</td>
                    <td width="80%">Modules
                    <div class="content">
                         <p>Abc</p>
                    </div>
                    </td>
                </tr>
                <tr data-depth=0 class="collapse" height=1px >
                    <td width="4%">P</td>
                    <td width="80%">Modules 1</td>
                </tr>
                <tr data-depth=0 class="collapse" height=1px >
                    <td width="4%">P</td>
                    <td width="80%">Modules 2</td>
                </tr>
</tbody>

某些行包含隐藏的其他信息。如果行包含隐藏信息，则行的高度与不包含隐藏信息的行相比增加。如何设置所有行的公共高度。有什么想法吗？

Answer 1

使用display: none代替隐蔽可见性demo

Answer 2

如果添加更多信息，表格行高度将动态增加，但要隐藏元素，请使用 display：none 并提供高度连续使用 line-height：/ * size * / ;

.content {
    display:none;
}
tr {
    min-height: 20px;
    line-height: 20px;
}

这是jsFiddle

Answer 3

tr {
   height: 50px;
}

例如:)或

tr {
   height: auto;
}

取决于您的需要：）

为表的所有行设置固定高度

3 个答案: