CSS中display的默认值

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

对于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等。但是对于这些元素来说,并不像前面提到的那样常见,因此在这里就不再赘述。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: CSS中display的默认值

粉丝

0

关注

0

收藏

0

已有0次打赏