css中显示隐藏元素的属性是

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

CSS中,有许多属性可以帮助我们控制元素的显示和隐藏。其中,display属性是用来控制元素的显隐性的。通过display属性的控制,我们可以将一个元素隐藏起来或者使其显现。在CSS中,有多种disp

CSS中,有许多属性可以帮助我们控制元素的显示和隐藏。其中,display属性是用来控制元素的显隐性的。
通过display属性的控制,我们可以将一个元素隐藏起来或者使其显现。在CSS中,有多种display属性的取值,下面我们来一一介绍。
1. display: block
这是默认的属性值,也就是块级元素的属性值。通过这个属性值,我们可以让元素以块级的形式显示,从而占据一整行的宽度。block元素常见的有div、p等。
2. display: inline
这个属性值是内联元素的属性值,它可以让元素以行内的形式显示,不会像块级元素一样占据一整行的宽度。内联元素常见的有span、a等。
3. display: inline-block
这个属性值可以让元素以行内块的形式显示,它可以像内联元素一样显示在一行,但是又可以像块级元素一样设置宽度、高度和边距。
4. display: none
这个属性值可以使一个元素完全隐藏,它不占据页面的空间,其他元素会立即填充其位置。如果想要再次显示这个元素,可以通过JS等方式操作。
5. display: flex
这是CSS3中新增的属性值,它可以实现弹性布局。通过它,我们可以在一些特殊场景下实现灵活的布局,让元素可以自由地伸缩和移动。
以上就是display属性的常见取值,我们可以根据实际需要选择不同的属性值来控制元素的显隐性。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中显示隐藏元素的属性是

粉丝

0

关注

0

收藏

0

已有0次打赏