0

我创建了一个表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>

一些行包含隐藏的附加信息。如果该行包含隐藏信息，则与不包含隐藏信息的行相比，行的高度会增加。如何设置所有行的共同高度。有什么想法吗 ？

4

3 回答 3

4

使用display: none而不是可见性隐藏演示

于 2013-07-17T10:28:59.030 回答
0

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

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

这是jsFiddle

于 2013-07-17T10:26:43.830 回答
0 
tr {
   height: 50px;
}

例如:) 或

tr {
   height: auto;
}

取决于你需要什么:)

于 2013-07-17T10:27:43.447 回答