display属性指定用于HTML元素的框的类型。它有20个可能的关键字值。常用的是：

.none             {display: none}
.block            {display: block}
.inline-block     {display: inline-block}
.inline           {display: inline}
.flex             {display: flex}
.inline-flex      {display: inline-flex}
.inline-table     {display: inline-table}
.table            {display: table}
.inherit          {display: inherit}
.initial          {display: initial}

display:none属性在使网站响应时通常会有所帮助。例如，您可能希望在屏幕大小缩小时隐藏页面上的元素，以便弥补空间不足。 display: none不仅会隐藏元素，而且页面上的所有其他元素都会表现得就像该元素不存在一样。这是此属性与visibility: hidden属性之间的最大区别，隐藏了该元素，但将所有其他页面元素保持在隐藏元素可见时所显示的位置。

这些关键字值分为六类：

<display-inside>
<display-outside>
<display-listitem>
<display-box>
<display-internal>
<display-legacy>

CSS显示Display

更多CSS教程