具体的使用方式如下：
/* 语法 */
display: value;
/* 示例 */
div {
display: block; /* 将 div 元素显示为块级元素 */
}
span {
display: inline; /* 将 span 元素显示为内联元素 */
}
/* 其他常见取值 */
.inline-block {
display: inline-block; /* 内联块元素，既具有内联元素的特点，又具有块级元素的特点 */
}
.none {
display: none; /* 隐藏元素 */
}
常见的 display 取值包括：
- block: 元素被渲染为块级元素，独占一行，宽度默认为父元素宽度的100%。
- inline: 元素被渲染为内联元素，宽度由内容决定，不会独占一行。
- inline-block: 元素被渲染为内联块元素，具有内联元素和块级元素的特点，可以设置宽高等属性。
- none: 元素不显示，即隐藏元素。
- flex: 定义弹性容器，可使用弹性布局。
- grid: 定义网格容器，可使用网格布局。
- 等等。
这个属性是控制布局的重要工具，通过设置不同的值，你可以改变元素的显示方式，从而实现灵活的布局效果。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6062/CSS