css中display属性有哪些值

css中的display属性控制元素的布局方式，它可以取的值包括：1.块级元素：block、inline-block；2.列表项：list-item；3.表格相关：table、table-caption、table-column-group、table-header-group、table-footer-group、table-row-group、table-cell、table-column、table-row；4.行内元素：inline、none；5.特殊值：flex、grid、conten

CSS 中 display 属性的值

display 属性控制元素在页面上的布局方式。它可以取以下值：

块级元素：

• block：元素独占一行，占据整个可用宽度。
• inline-block：类似于行内元素，但允许设置宽度和高度。
• list-item：创建一个列表项。
• table：创建一个表格。
• table-caption：创建一个表格标题。
• table-column-group：创建一个表格列组。
• table-header-group：创建一个表格表头组。
• table-footer-group：创建一个表格表尾组。
• table-row-group：创建一个表格行组。
• table-cell：创建一个表格单元格。
• table-column：创建一个表格列。
• table-row：创建一个表格行。

行内元素：

• inline：元素与其他元素排列在同一行上。
• none：元素不显示。

特殊值：

• flex：创建一个具有灵活布局的元素。
• grid：创建一个具有网格布局的元素。
• contents：显示元素的内容，但不显示元素本身。

前端入门到VUE实战笔记：立即学习
在学习笔记中，你将探索 前端 的入门与实战技巧！

以上就是css中display属性有哪些值的详细内容，更多请关注有啊网站百科其它相关文章！

• 喜欢（11）
• 不喜欢（3）

本文链接：https://www.yaseo.cn/ask-css/20902.html