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

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

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

visibility: hidden;
max-height: 0;

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

如果所有隐藏元素的其他选项都不适合你，还有另一个选项，我没有看到提到。假设元素没有子元素，它就能工作。

它将隐藏一个元素而不占用空间:

display: contents;

检查浏览器的支持，因为它是一个较新的CSS特性。

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

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

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

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

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