display有哪些值

最新推荐文章于 2023-10-19 22:08:36 发布

笑望灬星辰

最新推荐文章于 2023-10-19 22:08:36 发布

阅读量175

点赞数

本文链接：https://blog.csdn.net/hu1628299958/article/details/115409543

版权

css 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文深入探讨了CSS中display属性的各种值，包括block、inline、none、inline-block、list-item、table系列及flex和inline-flex。了解这些值如何影响元素的布局和显示，对于前端开发者优化网页设计至关重要。同时，文章还提到了display属性的inherit值，允许元素从父元素继承显示方式。

摘要由CSDN通过智能技术生成

display有哪些值

block 转换成块状元素

inline 转换成⾏内元素

none  设置元素不可⻅

inline-block 象⾏内元素⼀样显示，但其内容象块类型元素⼀样显示

list-item 象块类型元素⼀样显示，并添加样式列表标记

table 此元素会作为块级表格来显示
table-row
table-cell
inline-table


inherit 规定应该从⽗元素继承 display 属性的值
flex 弹性布局
inline-flex  行内弹性布局