我想让一个class为"a"的div不可见。我已经尝试在CSS文件中添加display: none;
代码,但它只是隐藏了它,没有占用空间,导致其他盒子位置错乱。
有没有一种使用CSS的方法可以实现这一点?
将.a{visibility: hidden}
添加到您的CSS中。有关更多信息,请参见此处:
visibility:hidden
应该会隐藏元素,但保留它的空间,以免移动其他元素。
您可以使用 visibility
CSS 属性。来自 Sitepoint 参考 -
此属性指定元素是否可见 - 也就是说,由元素生成的框是否呈现。
请注意,即使正常流程中的框被隐藏,它仍会影响其他元素的布局,这与我们通过将显示设置为无来完全抑制框生成时发生的行为不同。 隐藏框的后代框如果其可见性设置为可见,则将可见,而对于显示设置为无的元素的后代则永远无法生成自己的框。
更多信息可以在 这里 找到。