css - 如何隐藏HTML表格行
以便它不占用空间？如何隐藏HTML表格行
以便它不占用空间？ 我有几个设置为style="display:none;"，但它们仍然影响表的大小，表的边框反映隐藏的行。MikeN asked 2019-08-07T00:59:58Z
15个解决方案
92 votes
你能加一些代码吗？ 我一直向我的表行添加style="display:none;"，它有效地隐藏了整行。
Calvin answered 2019-08-07T01:00:42Z
47 votes
您可以设置
，然后使用JavaScript显示：var result_style = document.getElementById('result_tr').style;
result_style.display = 'table-row';
Jamshid Hashimi answered 2019-08-07T01:01:07Z
34 votes
我真的很想看看你的TABLE的样式。 例如。“边境崩溃”
只是一个猜测，但它可能会影响“隐藏”行的呈现方式。
o.k.w answered 2019-08-07T01:00:17Z
7 votes
如果display: none不起作用，请设置height: 0;怎么样？ 与负边距(等于或大于顶部和底部边界的高度，如果有的话)一起进一步去除元素？ 我不认为position: absolute; top: 0; left: -4000px;会起作用，但它可能值得一试。
就我而言，使用display: none工作正常。
David Thomas answered 2019-08-07T01:01:40Z
5 votes
以为我会添加一个潜在的其他解决方案：
我只在Chrome上测试了它，但是将它放在
上隐藏了行PLUS行内的所有单元格仍然有助于列的宽度。 我有时会在表格的底部添加一行，只有一些垫片使得某些列不能小于某个宽度，然后使用此方法隐藏行。 (我知道你应该能够用其他css做到这一点，但我从来没有得到这个工作)同样，我处于纯粹的Chrome环境中，所以我不知道它在其他浏览器中是如何运行的。
rgbflawed answered 2019-08-07T01:02:28Z
4 votes
添加以下一些行高：0px; font-size：0px; height：0px; margin：0; padding：0;
我忘记了哪一个做到了。 我认为它是IE6的行高。
s_hewitt answered 2019-08-07T01:03:00Z
4 votes
我遇到了同样的问题，我甚至为每个单元格添加了style =“display：none”。
最后我使用了HTML评论
Simon Hughes answered 2019-08-07T01:03:34Z
3 votes
您可以使用样式display：none和tr来隐藏它，它将适用于所有浏览器。
Shahid Siddique answered 2019-08-07T01:04:00Z
2 votes
这发生在我身上，我为什么感到困惑。 然后我注意到，如果我删除了任何 我在行内，然后行没有占用任何空间。
Kevin H answered 2019-08-07T01:04:27Z
1 votes
var result_style = document.getElementById('result_tr').style;
result_style.display = '';
对我来说很完美..
Vignesh answered 2019-08-07T01:04:53Z
0 votes
您需要将更改输入类型设置为隐藏，它的所有功能都可以工作，但在页面上不可见
只要输入类型设置为您可以更改其余类型。祝好运！！
user5431987 answered 2019-08-07T01:05:26Z
-2 votes
我遇到了同样的问题，我解决了这个问题。早先的css溢出：隐藏;的z-index：999999;
我把它改成溢出：可见;
Ray Innov answered 2019-08-07T01:05:59Z
-2 votes
HTML：
poi.attraction
JavaScript的：
function updateMap() {
map.setOptions({'styles': getStyles() });
}
function getStyles() {
var styles = [];
for (var i=0; i < types.length; i++) {
var style = {};
var type = types[i];
var enabled = document.getElementById(type).checked;
style['featureType'] = 'poi.' + type;
style['elementType'] = 'labels';
style['stylers'] = [{'visibility' : (enabled ? 'on' : 'off') }];
styles.push(style);
}
return styles;
}
alpc answered 2019-08-07T01:06:21Z
-4 votes
position: absolute将从布局流中删除它并应解决您的问题 - 该元素将保留在DOM中但不会影响其他人。
user2415617 answered 2019-08-07T01:06:47Z
-4 votes
你可以设置
Ramy Said answered 2019-08-07T01:07:13Z