隐形元素导致空白

时间:2013-03-11 03:50:21

标签: html css

我有一个隐藏的元素,使用

隐藏

visibility:hidden;

但它仍会占用页面上的空间,如果它可见的话。这导致一些其他元素被进一步向下推到页面,看起来很奇怪。它被隐藏的原因是因为它只会在手机上显示。有没有办法删除这个空白区域?

4 个答案:

答案 0 :(得分:5)

visibility: hidden的元素仍占用页面空间。如果要从布局流中删除元素,请使用display: none虽然您仍然可以在DOM中与它进行交互,但display:none将允许其他元素占用为其分配的空间。

另请注意, visibility: hiddendisplay: none都不会回复事件

答案 1 :(得分:1)

没有看到你的代码......很难做到......但默认是display:none

答案 2 :(得分:0)

visibility:hidden;

只是隐藏元素,但不会将其从布局

中删除

使用

display:none;

将其从布局中删除。

答案 3 :(得分:0)

这是因为 visibility: hidden; 仅隐藏元素,相当于使其100%透明。

display: none; 然而,会隐藏您的元素,例如visibility: hidden;,但会更进一步,并有效地将其从您的网页中删除(它实际上不是 删除它,它只是给出了这种效果。)