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
其他回答
Display: none将元素从页面中完全移除，并且构建页面时就好像该元素根本不存在一样。
可见性:隐藏保留文档流中的空间，即使您再也看不到它。
这取决于你在做什么，可能有也可能没有很大的区别。
显示:none从布局流中移除元素。
可见性:隐藏隐藏它，但离开空间。
可见性:隐藏保留空间;显示:没有没有。
可见性:隐藏将元素保留在页面中，并占用该空间，但不显示给用户。
显示:无将在页面中不可用，不占用任何空间。
它们不是同义词。
Display:none将元素从页面的正常流程中移除，允许其他元素填充。
可见性:隐藏将元素留在页面的正常流程中，这样仍然会占用空间。
想象一下，你正在游乐园排队，排队的人非常吵闹，保安把他们从队伍中拉了出来。然后排队的每个人都向前移动一个位置来填补现在的空缺。这就像display:none。
与此类似的情况相比，如果你前面有人穿上了隐形斗篷。在观看这条线时，它看起来像有一个空白的空间，但人们无法真正填补那个空白，因为有人仍然在那里。这就像可见性:隐藏。
