CSS中的 display
属性有以下值:
block
:将元素呈现为块级元素,该元素在父元素中独占一行,可以设置宽度、高度、内边距和外边距等属性。inline
:将元素呈现为行内元素,与相邻的行内元素在同一行上,但是不能设置宽度、高度、内边距和外边距等属性。inline-block
:将元素呈现为行内块级元素,与相邻的行内元素在同一行上,但是可以设置宽度、高度、内边距和外边距等属性。none
:元素不显示,可以用来隐藏元素。table
:将元素呈现为表格,该元素会被作为块级表格来显示。table-row
:将元素呈现为表格行。table-cell
:将元素呈现为表格单元格。flex
:将元素呈现为弹性伸缩盒子。grid
:将元素呈现为网格容器。其中, block
、 inline
、 inline-block
三个值称为盒子模型,是CSS的基本概念。none
值可以用来控制元素的隐藏和显示,而 table
、 table-row
和 table-cell
值可以用来模拟表格布局。 flex
和 grid
则是CSS3新增的值,用于实现更加灵活的布局方式。