html - 隐形元素导致空白

Question

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

visibility:hidden;

但它仍然占用页面上的空间，如果它是可见的。这会导致一些其他元素被向下推到页面下方，看起来很奇怪。它被隐藏的原因是它只会在移动设备上显示。有什么办法可以去掉这个空白？

score 5 · Accepted Answer

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

另请注意，既不响应visibility: hidden也不display: none响应事件。

score 1 · Accepted Answer

1

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

于 2013-03-11T03:52:03.067 回答

score 0 · Accepted Answer

visibility:hidden;

只是使元素隐藏但不会从布局中删除它

采用

display:none;

从布局中删除它。

score 0 · Accepted Answer

这是因为visibility: hidden;只隐藏了元素，相当于让它100%透明。

display: none;但是，会像一样隐藏您的元素visibility: hidden;，但会更进一步并有效地将其从您的页面中删除（它实际上并没有删除它，它只是产生这种效果）。

4 回答 4