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

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


当前回答

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

其他回答

使用style代替

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

如果显示:无;不管用,你必须加上clear: none;

显示:none是解决方案,这是完全隐藏元素与它的空间。

关于显示:无,可见性:隐藏

可见性:隐藏意味着标签不可见,但是在页面上为它分配了空间。

显示:none表示完全隐藏元素的空间。(尽管您仍然可以通过DOM与它交互)

显示:不显示是避免占用页面空白的最好方法

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