隐藏元素同时还备份布局

Question

我有一个运行的脚本（JS）将使一些不同的div可见或隐藏。我遇到的问题是，即使元素具有“隐藏”的“可见性”属性，它们仍占用空间。有没有办法可以隐藏元素，同时还能阻止它们占用空间？

我也可以访问jQuery，如果这意味着什么......

干杯，

DalexL

Answer 1

您正在寻找display none，

.hide {
    display: none;
}

Answer 2

使用display: none css属性

当您使用visibility :hidden时，隐藏元素仍会占据其高度和宽度。 虽然显示属性使元素完全崩溃。

Answer 3

尝试使用display: none;代替visibility: hidden;

JQuery的.hide()方法也是这样做的。您只需使用.show()

重新显示即可

Answer 4

您可以使用jQuery的hide()函数：

$("#sample").hide();

如果你想隐藏多个div，只需向所有div添加一个类，并隐藏整个类：

$(".sample").hide();

你也可以像这样使用javascript：

function hidedivs() {
document.getElementById('sample').style.display='none';
}

但有了这个，你必须为每个元素制作一个。我推荐上面的jquery。

有关此hide()的更多信息：http://api.jquery.com/hide