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


当前回答

Display: none将元素从页面中完全移除,并且构建页面时就好像该元素根本不存在一样。

可见性:隐藏保留文档流中的空间,即使您再也看不到它。

这取决于你在做什么,可能有也可能没有很大的区别。

其他回答

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

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

Display:none将隐藏元素并折叠正在占用的空间,而visibility:hidden将隐藏元素并保留元素的空间。display:none也会影响一些旧版本IE和Safari中可用的javascript属性。

Display: none将元素从页面中完全移除,并且构建页面时就好像该元素根本不存在一样。

可见性:隐藏保留文档流中的空间,即使您再也看不到它。

这取决于你在做什么,可能有也可能没有很大的区别。

可见性:隐藏对象仍然占据垂直高度的页面。与显示:无它是完全删除。如果你在图片下面有文字,并且你设置了display:none,那么文字会向上移动以填充图片所在的位置。如果你做可见性:隐藏文本将保持在相同的位置。

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