CSS规则visibility:hidden和display:none都会导致元素不可见。这些是同义词吗?


当前回答

可见性:隐藏保留空间;显示:没有没有。

其他回答

另一个区别是可见性:hidden在非常非常老的浏览器中有效,而display:none则不行:

https://www.w3schools.com/cssref/pr_class_visibility.asp

https://www.w3schools.com/cssref/pr_class_display.asp

显示:none从布局流中移除元素。

可见性:隐藏隐藏它,但离开空间。

它们不是同义词——display:没有一个会从页面流中移除元素,页面的其余部分就像它不存在一样。

可见性:hidden在视图中隐藏元素,但不隐藏页面流,在页面上为其留下空间。

可见性:隐藏将元素保留在页面中,并占用该空间,但不显示给用户。

显示:无将在页面中不可用,不占用任何空间。

可见性:隐藏保留空间;显示:没有没有。