- "block"：将元素显示为块级元素，即单独占据一行。当使用display:block时，元素会在前后自动带上一个换行。块级元素占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形块级元素。比如
<p>、<div>、<h1>等都是独占一行的块级元素。
- "inline"：将元素显示为行内元素，元素不换行。对行内元素设置高度、宽度属性是无效的，可以设置水平方向的外边距，正常设置内边距属性。当使用display:inline时，元素不会在前后生成一个换行。行内元素通常出现在其他元素中，如
<a>、<em>、<span>等。
-
"inline-block"：将元素显示为行内块元素（行内块级元素）。行内块元素就是同时具备行内元素和块级元素的特点。该元素可以设置宽度和高度等属性，并且无需使用float属性。 inline-block既具有block的宽高特性又具有inline的同行元素特性。 通过inline-block结合text-align: justify 还可以实现固定宽高的列表两端对齐布局。
-
"none"：元素将被隐藏（不会占据任何布局空间），对网页的渲染也不起效果，通常用于CSS中的条件语句中隐藏某些元素。
-
"flex"：将元素显示为弹性盒子。弹性盒子可以让元素在同一行上对齐，可以快速对齐、排序和布局复杂的元素结构。该属性值在CSS3版本中引入。
-
"grid"：将元素显示为网格容器，可以通过它轻松地操纵一个网格布局。使用网格布局可以在不用复杂的HTML和CSS代码的情况下实现高级布局，包括响应式设计，使得设计网页变得更加容易。
display: grid常用于设置网页的整体布局，采用网格布局后，可以像是宋体句读一样流畅自如地进行网页布局。 -
"table"：将元素显示为块级表格，该元素的内容呈现为表格单元格。比如
<table>、<tr>等，这些元素会在页面中形成表格形式的结构。 -
"list-item"：将元素显示为列表项。该属性适用于一些类似于课程大纲、产品目录等网页应用中。列表项通常应用于ul、ol等元素。
-
"table-cell"：将元素显示为表格单元格，该元素的内容呈现为表格单元格。该属性值主要应用于表格的单元格元素上，可以对内容进行水平和垂直居中等操作。
-
"inline-table"：将元素显示为内联表格，使得该元素时inline-level box并且呈现为table的形式。使用该属性可以在行内元素中快速创建表格结构。
-
"table-row"：将元素显示为表格行，该元素的内容呈现为表格行单元格。该属性值可以将元素呈现为表格的行结构。
-
"table-column"：将元素显示为表格列，该元素的内容呈现为表格列单元格。该属性值可以将元素呈现为表格的列结构。
CSS的display属性值还有许多其他的取值方式，如“inherit”、“initial”、“revert”等。这些属性值在特殊情况下使用。
