什么是 display？

在计算机科学领域，display是一个意味着“展示”或“显示”的术语。在Web开发中，display被用来定义HTML元素在屏幕上的陈列方式。

通过指定display属性，开发者可以控制元素是以何种方式显示在页面上的。这可以通过CSS样式表来完成。

display属性值的种类

在CSS中，display属性可以接受多种不同的值。下面是一些最常见的display属性值：

block - 块级元素，始终从新行开始，并且占据容器的整个宽度（除非另有规定）

inline - 行内元素，与文本同行，并且只占据它需要的宽度

inline-block - 行内块级元素，与文本同行，并且可以设置宽度和高度等块级元素的属性

none - 隐藏元素

flex - 弹性盒子元素，可以方便的实现自适应布局

grid - 网格布局元素，用于复杂的网格设计布局

不同的display值对布局的影响

每种display属性值都具有不同的布局影响。以下是一些例子：

当一个元素设置为block，它会新起一行并且默认会占据容器的整个宽度。

当一个元素设置为inline，它仍然会与其他元素在同一行上。它只占据它有内容的宽度，再加上padding、border等。

当一个元素设置为inline-block，它会在一行上，但可以设置宽度和高度。

使用不同的display属性值可以帮助开发人员实现复杂的布局需求。

总结

display是一个重要的CSS属性，开发人员可以使用它来控制网页元素在屏幕上的布局和显示方式。了解不同的display属性值可以帮助开发人员更好地实现网页的布局需求。