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

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

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

当前回答

切换显示不允许平滑的CSS过渡。相反，切换能见度和最大高度。

visibility: hidden;
max-height: 0;

其他回答

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

$('#abc').css({"display":"none"});

这将隐藏内容，也不会留下空白。

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

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

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

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

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

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

推荐文章