0

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

visibility:hidden;

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

4

4 回答 4

5

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

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

于 2013-03-11T03:52:02.480 回答
1

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

于 2013-03-11T03:52:03.067 回答
0 
visibility:hidden;

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

采用

display:none;

从布局中删除它。

于 2013-03-11T03:53:38.160 回答
0

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

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

于 2013-03-11T10:05:37.653 回答