我使用可视性:隐藏来隐藏某些元素,但它们在隐藏时仍然占用页面空间。
我怎么能让它们在视觉上完全消失,就好像它们根本不在DOM中一样(但实际上没有从DOM中删除它们)?
我使用可视性:隐藏来隐藏某些元素,但它们在隐藏时仍然占用页面空间。
我怎么能让它们在视觉上完全消失,就好像它们根本不在DOM中一样(但实际上没有从DOM中删除它们)?
当前回答
感谢这个问题。我想要的正好相反,即一个隐藏的div仍然应该占据它在浏览器上的空间。因此,我使用visibility: hidden而不是display: none。
其他回答
感谢这个问题。我想要的正好相反,即一个隐藏的div仍然应该占据它在浏览器上的空间。因此,我使用visibility: hidden而不是display: none。
将可见性设置为隐藏,我所知道的唯一不占用空间的方法是使用position:absolute,然后设置顶部,左侧等参数。虽然不理想,但很有效。
显示:none是解决方案,这是完全隐藏元素与它的空间。
关于显示:无,可见性:隐藏
可见性:隐藏意味着标签不可见,但是在页面上为它分配了空间。
显示:none表示完全隐藏元素的空间。(尽管您仍然可以通过DOM与它交互)
看,与其使用可见性:隐藏;使用display: none;。第一个选项将隐藏,但仍然占用空间,第二个选项将隐藏,但不占用任何空间。
尝试设置display:none为隐藏,设置display:block为显示。