css中display属性有几种

CSS中display属性有几种？
在CSS样式设计中，display属性用于设置HTML元素的展示方式。display属性有多种取值，下面就让我们一一来了解。
1. block
block是最常见的display属性取值，它会让元素以块级元素的形式展示，即它会使得该元素独占一行空间，其宽度会设为100%。
例如，我们使用以下代码将一个div元素设置为block类型：

div{
  display: block;
} 

这将使div元素独占一行，宽度为100%。
2. inline
inline是另一种常见的display属性取值，它会让元素在行内显示，它的宽度和高度会被内容撑开，并且它会自动随着文本内容进行换行。
例如，以下代码将a元素设置为inline类型：

a {
  display: inline;
} 

这将使a元素在行内显示，并自动随着文本内容进行换行。
3. inline-block
inline-block是一种介于block和inline之间的展示方式，它会让元素在行内显示，但会保持块级元素的特点，即它可以设置宽度和高度，也可以设置边距和内边距。
例如，以下代码将一个 span 元素设置为 inline-block 类型：

span {
  display: inline-block;
} 

这将使 span 元素在行内展示，并保持块级元素的特点，允许我们为其设置宽和高等属性。
4. none
none是一种特殊的display属性取值，它会将元素完全隐藏，即该元素将不会在页面中展示。
例如，以下代码将一个 div 元素设置为 none 类型：

div {
  display: none;
} 

这将使 div 元素完全隐藏。
结语
display属性在CSS样式设计中是十分重要的一部分，它可以控制元素的排列方式、大小等等。除了上文中介绍的几种常见的取值外，还有其他更多的取值可供开发者使用。在实际使用中，我们需要根据具体需求来灵活运用。