最好的“相反”是将其返回为默认值，即:

display: inline

visibility:hidden将隐藏元素，但元素是他们的DOM。在display:none的情况下，它会从DOM中移除元素。

你可以为元素选择hide或unhide。但是一旦你删除它(我的意思是不显示)，它就没有明确的相反值。Display有几个值，如Display:block, Display:inline, Display:inline-block和许多其他值。你可以从W3C找到它。

Display: none不像visibility:hidden那样有字面上的相反含义。

visibility属性决定一个元素是否可见。因此，它有两种状态(可见和隐藏)，它们彼此相反。

然而，display属性决定了元素将遵循什么布局规则。对于元素如何在CSS中布局，有几种不同的规则，因此有几种不同的值(块，内联，内联块等-请参阅这里的文档)。

Display:none从页面布局中完全删除一个元素，就好像它不存在一样。

所有其他用于显示的值都使元素成为页面的一部分，因此在某种意义上，它们都与显示相反:none。

但是没有一个值是与显示直接相反的:没有——就像没有一种发型是与“秃头”相反的一样。

在打印机友好的样式表的情况下，我使用以下:

/* screen style */
.print_only { display: none; }

/* print stylesheet */
div.print_only { display: block; }
span.print_only { display: inline; }
.no_print { display: none; }

I used this when I needed to print a form containing values and the input fields were difficult to print. So I added the values wrapped in a span.print_only tag (div.print_only was used elsewhere) and then applied the .no_print class to the input fields. So on-screen you would see the input fields and when printed, only the values. If you wanted to get fancy you could use JS to update the values in the span tags when the fields were updated but that wasn't necessary in my case. Perhaps not the the most elegant solution but it worked for me!

你可以使用这个display:block;并同时添加overflow:hidden;

你可以使用

display: normal;

它正常工作....这是css的一个小黑客;)