css中display属性是什么意思

在CSS中，display属性定义元素应该如何显示（即以何种方式在浏览器中布局和呈现）。display属性控制元素在文档流中的显示方式，从而影响页面的布局、样式和交互。display属性可以控制元素的外观和表现，包括元素的尺寸、位置、流动和包含元素内部的内容。

display属性的取值有很多种，下面介绍一些比较常见的：

display: block;
display: inline-block;
display: inline;
display: none;
display: flex;

其中，block和inline-block是最常用的两种取值。块级元素（block）以整个屏幕宽度显示，并在它前面和后面创建一个新的行。行内块元素（inline-block）是一种混合块级元素和行内元素的元素，它不会在新行上开始，但允许在元素内部添加块级元素。

inline用于行内元素，如文本、图片和链接。默认情况下，行内元素在父元素的一行中排列，直到父元素中不能再容纳元素为止。而none是一种特殊的属性值，它可以隐藏元素并从文档流中完全删除。这个值通常用于在DOM模型中隐藏某些元素（例如，通过JavaScript动态删除或显示元素）。

最后，flex是在CSS3中引入的一种新的布局方式，它能够动态地改变元素的大小、位置和空间分配，从而在各种设备和屏幕尺寸上更好地呈现内容。flex布局容器中的子项被称为“弹性项”，它们可以自由地被移动、拉伸或收缩，以适应容器大小变化。