css css display
CSS Display 是用于控制 HTML 元素如何在页面中显示的 CSS 属性。它决定了元素应该是块级元素还是内联元素，以及如何处理其他可能的值。

下面是一些常见的 CSS Display 值及其含义：

- block：将元素渲染为块级元素，即单独一行显示，宽度默认为父元素的100%。
- inline：将元素渲染为内联元素，即与其周围内容在同一行内显示，宽度由元素内容决定。
- inline-block：将元素渲染为内联块元素，即与其周围内容在同一行内显示，但可以设置宽度和高度等属性。
- none：元素不会在页面上显示，包括元素框和内容都会被隐藏起来。


以下是一些示例：

1. 将一个 div 元素渲染为块级元素：


div {
display: block;
}


2. 将一个 span 元素渲染为内联元素：


span {
display: inline;
}


3. 将一个 img 元素渲染为内联块元素：


img {
display: inline-block;
}


4. 隐藏一个元素：


element {
display: none;
}