可见性:隐藏的反面是可见性:可见。同样地，是否有相反的显示:没有?
当一个元素有display: none时，许多人都搞不清楚如何显示它，因为它不像使用visibility属性那么清楚。
我可以只使用visibility: hidden而不是display: none，但它不会产生相同的效果，所以我不会使用它。
当前回答
visibility:hidden将隐藏元素，但元素是他们的DOM。在display:none的情况下，它会从DOM中移除元素。
你可以为元素选择hide或unhide。但是一旦你删除它(我的意思是不显示)，它就没有明确的相反值。Display有几个值，如Display:block, Display:inline, Display:inline-block和许多其他值。你可以从W3C找到它。
其他回答
visibility:hidden将隐藏元素，但元素是他们的DOM。在display:none的情况下，它会从DOM中移除元素。
你可以为元素选择hide或unhide。但是一旦你删除它(我的意思是不显示)，它就没有明确的相反值。Display有几个值，如Display:block, Display:inline, Display:inline-block和许多其他值。你可以从W3C找到它。
我在构建一个应用程序时遇到了这个挑战，我想要为某些用户隐藏一个表，而不是为其他用户隐藏。
最初，我将它设置为display:none，但后来为那些我希望看到它的用户设置了display:inline-block，但我遇到了您可能期望的格式问题(列合并或通常混乱)。
我解决这个问题的方法是先显示表，然后为那些我不想看到它的用户执行“display:none”。这样，它可以正常格式化，但在需要时消失。
这是一个横向的解决方案，但可能会帮助到某些人!
当在Javascript中改变元素的显示时，在很多情况下，一个合适的选项来“撤销”element.style.display = "none"的结果是element.style.display = ""。这将从样式属性中删除display声明，将display属性的实际值恢复为文档样式表中设置的值(如果没有在其他地方重新定义，则恢复为浏览器默认值)。但更可靠的方法是在CSS中有一个类
.invisible { display: none; }
并从element.className中添加/删除这个类名。
你可以使用这个display:block;并同时添加overflow:hidden;
你可以使用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>
