jQuery在页面布局中保留元素空间的同时隐藏元素
jQuery在页面布局中保留元素空间的同时隐藏元素
提问于 2011-06-18 11:17:41
在jQuery中，有没有一种方法可以隐藏元素，而不是在元素被隐藏时更改DOM？我隐藏了一个特定的元素，但当它被隐藏时，它下面的元素就会向上移动。我不希望这样的事情发生。我希望空间保持不变，但元素可以随意显示/隐藏。
我能这么做吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-06-18 11:21:42
不使用hide()，而使用：
css('visibility','hidden')hide()将display样式设置为none，这将从文档流中完全删除该元素，并使其不占用空间。
visibility:hidden保持空间不变。
Stack Overflow用户
发布于 2011-06-18 11:20:10
尝试将visibility设置为hidden
$("#id").css("visibility", "hidden");Stack Overflow用户
发布于 2011-06-18 11:24:43
display: none;会把它从内容流中去掉，这样你就会看到你的其他内容转移到了留下的空白中。(display: block;将它带回到流程中，将所有东西都推开。)
visibility: hidden;会将其保留在内容流中，占用空间，但只是使其不可见。(visibility: visible;将再次揭晓这一点。)
如果希望内容流保持不变，则需要使用visibility。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6393632
复制相关文章
相似问题