如何隐藏元素而不让他们在页面上占用空间?

我使用可视性:隐藏来隐藏某些元素，但它们在隐藏时仍然占用页面空间。

我怎么能让它们在视觉上完全消失，就好像它们根本不在DOM中一样(但实际上没有从DOM中删除它们)?

当前回答

Display:none隐藏，设置Display:block显示。

其他回答

据我所知，这有四种可能

巴顿HTML < style = "显示屏:郎;“巴顿> < - > 没有人;的 jQuery道具(“# buttonId美元)。(“显示屏”:“郎”);与$(“buttonId”).css(“opacity”，0);

尝试设置display:none为隐藏，设置display:block为显示。

使用style代替

<div style="display:none;"></div>

将可见性设置为隐藏，我所知道的唯一不占用空间的方法是使用position:absolute，然后设置顶部，左侧等参数。虽然不理想，但很有效。

感谢这个问题。我想要的正好相反，即一个隐藏的div仍然应该占据它在浏览器上的空间。因此，我使用visibility: hidden而不是display: none。

推荐文章