可见性:隐藏的反面是可见性:可见。同样地,是否有相反的显示:没有?
当一个元素有display: none时,许多人都搞不清楚如何显示它,因为它不像使用visibility属性那么清楚。
我可以只使用visibility: hidden而不是display: none,但它不会产生相同的效果,所以我不会使用它。
可见性:隐藏的反面是可见性:可见。同样地,是否有相反的显示:没有?
当一个元素有display: none时,许多人都搞不清楚如何显示它,因为它不像使用visibility属性那么清楚。
我可以只使用visibility: hidden而不是display: none,但它不会产生相同的效果,所以我不会使用它。
当前回答
Display: none不像visibility:hidden那样有字面上的相反含义。
visibility属性决定一个元素是否可见。因此,它有两种状态(可见和隐藏),它们彼此相反。
然而,display属性决定了元素将遵循什么布局规则。对于元素如何在CSS中布局,有几种不同的规则,因此有几种不同的值(块,内联,内联块等-请参阅这里的文档)。
Display:none从页面布局中完全删除一个元素,就好像它不存在一样。
所有其他用于显示的值都使元素成为页面的一部分,因此在某种意义上,它们都与显示相反:none。
但是没有一个值是与显示直接相反的:没有——就像没有一种发型是与“秃头”相反的一样。
其他回答
visibility:hidden将隐藏元素,但元素是他们的DOM。在display:none的情况下,它会从DOM中移除元素。
你可以为元素选择hide或unhide。但是一旦你删除它(我的意思是不显示),它就没有明确的相反值。Display有几个值,如Display:block, Display:inline, Display:inline-block和许多其他值。你可以从W3C找到它。
最好的“相反”是将其返回为默认值,即:
display: inline
你可以使用
display: normal;
它正常工作....这是css的一个小黑客;)
Display:unset将其设置回初始值,而不是之前的“Display”值
我只是复制了之前的显示值(在我的情况下display: flex;) 再次(在display non之后),并且它过度尝试了display:none成功
(我使用display:none来隐藏移动和小屏幕的元素)
Display: none不像visibility:hidden那样有字面上的相反含义。
visibility属性决定一个元素是否可见。因此,它有两种状态(可见和隐藏),它们彼此相反。
然而,display属性决定了元素将遵循什么布局规则。对于元素如何在CSS中布局,有几种不同的规则,因此有几种不同的值(块,内联,内联块等-请参阅这里的文档)。
Display:none从页面布局中完全删除一个元素,就好像它不存在一样。
所有其他用于显示的值都使元素成为页面的一部分,因此在某种意义上,它们都与显示相反:none。
但是没有一个值是与显示直接相反的:没有——就像没有一种发型是与“秃头”相反的一样。