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

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

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

当前回答

使用style代替

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

其他回答

据我所知，这有四种可能

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

看，与其使用可见性:隐藏;使用display: none;。第一个选项将隐藏，但仍然占用空间，第二个选项将隐藏，但不占用任何空间。

使用style代替

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

这个问题的答案是说使用display:none和display:block，但这对那些试图使用css过渡来显示和隐藏内容的人没有帮助。

这也让我抓狂，因为使用display会杀死任何css过渡。

一个解决方案是将这个添加到使用可见性的类中:

overflow:hidden

要做到这一点，确实取决于布局，但它应该在它所在的div中保持空内容。

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

推荐文章