我怎样才能隐藏一个HTML表格行<tr>,使其不占用空间?

我怎样才能隐藏一个HTML表格行<tr> ,使其不占用空间? 我有几个<tr>设置为style="display:none;" ,但仍然影响表格的大小,表格的边框反映了隐藏的行。

我真的很想看看你的TABLE的样式。 如“边界崩溃”

只是一个猜测,但它可能会影响呈现'隐藏'行的方式。

你可以包含一些代码吗? 我添加了style="display:none;" 到我的表行,所有的时间,它有效地隐藏了整个行。

你可以设置<tr id="result_tr" style="display: none;">然后用JavaScript显示:

 var result_style = document.getElementById('result_tr').style; result_style.display = 'table-row'; 

如果display: none; 不起作用,设置height: 0;如何height: 0; 代替? 结合负边距(等于或大于顶部和底部边界的高度,如果有的话)进一步去除元素? 我不认为这个position: absolute; top: 0; left: -4000px; position: absolute; top: 0; left: -4000px; 会工作,但它可能是值得一试。

就我而言,使用display: none工作正常。

我遇到了同样的问题,我甚至为每个单元格添加了style =“display:none”。

最后我用HTML注释<!-- [HTML] -->

添加一些下面的行高:0px; font-size:0px; height:0px; margin:0; padding:0;

我忘了哪一个。 我认为这是IE6的行高。

这发生在我身上,我为什么感到困惑。 然后我注意到,如果我删除任何nbsp; 我在行内,那么行没有占用任何空间。

您可以使用样式显示:无与tr隐藏,它将适用于所有浏览器。

 var result_style = document.getElementById('result_tr').style; result_style.display = ''; 

对我来说是完美的

您需要将inputtypes更改为隐藏,其所有function都可以工作,但在页面上不可见

 <input type="hidden" name="" id="" value=""> 

只要inputtypes设置为你可以改变其余的。 祝你好运!!

HTML:

 <input type="checkbox" id="attraction" checked="checked" onchange="updateMap()">poi.attraction</input> 

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; } 

我有同样的问题,我解决了这个问题。 早期的CSS是溢出:隐藏; 的z-index:999999;

我改变它溢出:可见;

你可以设置

 <table> <tr style="visibility: hidden"></tr> </table> 

position: absolute会将其从布局stream程中移除,并应解决您的问题 – 元素将保留在DOM中,但不会影响其他人。