css中display什么意思

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

在CSS中,display是一个很重要的属性,它用于设置HTML元素的表现方式。display属性可以取多个值,其中比较常见的有:display: none; display: block; disp

在CSS中,display是一个很重要的属性,它用于设置HTML元素的表现方式。

display属性可以取多个值,其中比较常见的有:

display: none;
display: block;
display: inline;
display: inline-block; 

其中display:none可以让元素不可见,也就是消失在页面上,比如:

<div style="display:none">这是一个隐藏的元素</div> 

就可以让这个元素不显示在页面上。

而display:block会让元素成为块级元素,元素会独占一行,并且可设置宽度、高度、内外边距等属性。

display:inline会使元素变成内联元素,元素不会独占一行,而是在一行内与其他元素并排显示,不可设置宽度、高度,但可以设置字号、颜色等文本属性。

display:inline-block是inline和block的结合体,元素会在同一行内并排显示,但可以自定义宽度、高度、内外边距等属性。

需要注意的是,不同的display属性值可能会对同一个元素造成不同的表现,因此在编写CSS时需要选择合适的display属性值来实现自己想要的页面效果。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中display什么意思

粉丝

0

关注

0

收藏

0

已有0次打赏