可见性:隐藏的反面是可见性:可见。同样地，是否有相反的显示:没有?
当一个元素有display: none时，许多人都搞不清楚如何显示它，因为它不像使用visibility属性那么清楚。
我可以只使用visibility: hidden而不是display: none，但它不会产生相同的效果，所以我不会使用它。
当前回答
在使用react native时，与“none”相对的是“flex”。
其他回答
对于显示，最好的答案是:没有
display:inline
or
display:normal
使用display: revert
来自https://developer.mozilla.org/en-US/docs/Web/CSS/revert上的文档
revert CSS关键字将属性的级联值从其当前值恢复为如果当前样式原点未对当前元素进行任何更改，则属性将具有的值。因此，如果属性从其父继承，则将属性重置为其继承的值，或者将属性重置为用户代理的样式表建立的默认值(如果存在用户样式，则重置为用户样式)。它可以应用于任何CSS属性，包括CSS速记属性all。
它支持所有主流浏览器- https://caniuse.com/css-revert-value
最好的“相反”是将其返回为默认值，即:
display: inline
Display: none不像visibility:hidden那样有字面上的相反含义。
visibility属性决定一个元素是否可见。因此，它有两种状态(可见和隐藏)，它们彼此相反。
然而，display属性决定了元素将遵循什么布局规则。对于元素如何在CSS中布局，有几种不同的规则，因此有几种不同的值(块，内联，内联块等-请参阅这里的文档)。
Display:none从页面布局中完全删除一个元素，就好像它不存在一样。
所有其他用于显示的值都使元素成为页面的一部分，因此在某种意义上，它们都与显示相反:none。
但是没有一个值是与显示直接相反的:没有——就像没有一种发型是与“秃头”相反的一样。
你可以使用display: block
例子:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Lorem Ipsum</p>
<button type="button"
onclick="document.getElementById('demo').style.display='none'">Click Me!</button>
<button type="button"
onclick="document.getElementById('demo').style.display='block'">Click Me!</button>
</body>
</html>
