css中display有哪些属性值

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

在CSS中,display是常见的属性之一,它负责控制HTML元素的渲染方式。 常见的display属性值有: display:block; block 是HTML元素默认的display属性值,表示

在CSS中,display是常见的属性之一,它负责控制HTML元素的渲染方式。 常见的display属性值有:

 display:block;

block 是HTML元素默认的display属性值,表示该元素将呈现为块级元素,可引起换行。一般用于页面布局中的大容器元素,如

等。

 display:inline;

inline 表示该元素将呈现为内联元素,不会引起换行。 inline元素具有可保持元素标签之间空格不被折叠的特性。

 display:inline-block;

inline-block 表示该元素呈现为内联元素,但其内容会像块级元素一样排列,可以被设置宽度、高度、上下边距、上下内外边距等相关CSS属性进行改变。inline-block常用于垂直居中、图文混排等布局。

 display:none;

none 表示该元素将不会被渲染,它是CSS的一个隐藏属性,即元素在页面上不可见、不占空间,但其在DOM树上仍然存在。

 display:flex; 

flex 属性已经成为Web设计中常用的布局方式之一,它将元素排列在一列或一行上,并可以很方便的为子元素设置弹性盒子模式的其他属性,如justify-content、algin-items等。flex布局在响应式网页设计中有着很重要的应用。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中display有哪些属性值

粉丝

0

关注

0

收藏

0

已有0次打赏