[分享]CSS中display的默认值

对于CSS样式，我们经常会用到display属性来设置元素的展示方式。但是有些人可能并不知道，在没有设置display属性值时，元素会有一个默认值。下面我们就来看一下CSS中display的默认值。 ...

对于CSS样式，我们经常会用到display属性来设置元素的展示方式。但是有些人可能并不知道，在没有设置display属性值时，元素会有一个默认值。下面我们就来看一下CSS中display的默认值。

 p {
        display: block;
    } 

在HTML中，大多数元素默认都是块级元素，例如h1、p、div和ul等。这意味着这些元素默认的display属性值是block。块级元素会在页面中自动换行，并占据父元素的整个宽度。

 span {
        display: inline;
    } 

与块级元素相对的是行内元素，它们的默认display属性值是inline。行内元素不会独占一行，而是按照所占内容宽度进行排列，并且不会在元素内自动换行。

 li {
        display: list-item;
    } 

除了块级元素和行内元素之外，列表项li是另一种常见的HTML元素。它的默认display属性值是list-item，表示该元素会在前面添加一个项目符号（默认是小圆点）。

还有一些其他的元素也有默认的display属性值，例如表格元素table、表格行元素tr、表格单元格元素td和th等。但是对于这些元素来说，并不像前面提到的那样常见，因此在这里就不再赘述。