css中display属性对应的值包含

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

CSS中的display属性决定了元素的显示方式。它有以下几种值:display: block; 将元素显示为块级元素,并且在前后都有换行符。常用来显示大块内容,比如p、div等。display: i

CSS中的display属性决定了元素的显示方式。它有以下几种值:

display: block; 

将元素显示为块级元素,并且在前后都有换行符。常用来显示大块内容,比如p、div等。

display: inline; 

将元素显示为行内元素,并且在前后没有换行符。常用来显示文本、图片等行内元素。

display: inline-block; 

将元素显示为行内块级元素,并且在前后没有换行符。常用来显示带有宽度和高度的行内元素。

display: none; 

将元素隐藏,不占据空间。常用来实现一些动态js效果。

display: flex; 

使用flex布局来排列子元素。这个值常用来实现响应式的布局。

display: grid; 

使用grid布局来排列子元素。这个值常用来实现复杂的网格布局。

display: table;
display: table-cell;
display: table-row; 

这三个值可以用来模拟表格布局,但是通常不建议使用这种方式来布局,而是使用flex或grid布局。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中display属性对应的值包含

粉丝

0

关注

0

收藏

0

已有0次打赏