display有哪些值

CSS的display属性用于控制元素的显示方式，它可以设置多种不同的值，以决定元素在文档中的呈现方式。以下是一些常见的display属性值：

1. block：

   • 元素以块级元素的方式显示。
   • 换行，并且占据父容器的整个可用宽度。
   • 常见的块级元素包括 <div>, <p>, <h1> 等。

2. inline：

   • 元素以内联元素的方式显示。
   • 不会换行，只占据内容所需的宽度。
   • 常见的内联元素包括 <span>, <a>, <strong> 等。

3. inline-block：

   • 元素以内联块级元素的方式显示。
   • 不换行，但可以设置宽度和高度。
   • 常见用于创建水平排列的块级元素。

4. none：

   • 元素不显示，不占据空间。
   • 元素完全隐藏，对布局没有影响。

5. table：

   • 元素表现得像 <table> 元素。
   • 它会作为表格行为处理，通常与table-row和table-cell等值一起使用。

6. table-row：

   • 元素表现得像 <tr> 元素。
   • 通常用于包装表格行内的内容。

7. table-cell：

   • 元素表现得像 <td> 元素。
   • 通常用于包装表格单元格内的内容。

8. flex：

   • 元素以弹性布局（Flexbox）的方式显示。
   • 可以通过flex属性来控制元素在弹性容器中的布局。

9. grid：

   • 元素以网格布局（Grid）的方式显示。
   • 可以通过grid属性来控制元素在网格容器中的布局。

10. list-item：

    • 元素表现得像列表项 <li> 元素。
    • 常见用于列表或导航菜单。

这只是display属性的一些常见值，还有其他一些值和一些组合值，可以用来创建复杂的布局和显示效果，具体取决于需要。不同的display值会影响元素的布局和行为，因此在选择时需要根据设计