1 、display属性是CSS中控制元素布局类型和展示方式的核心属性，直接影响网页结构与样式表现 以下是其详细用法指南一基础盒模型类型display属性可定义元素为不同盒模型类型 ，常见值包括block元素独占一行 ，可设置宽高内外边距如divp默认行为span display block * 使span像div一样 。
2 、子属性tablerowtablecell等，用于非表格元素实现表格布局使用方法在 CSS 中通过选择器指定元素的 display 值selector display value示例* 将链接显示为块级元素 *a display block margin 10px 0* 使用 Flex 布局居中子元素 *container display 。
3、空间占用 visibility hidden隐藏元素但保留其占据的页面空间 ，布局中仍会为该元素预留位置display 彻底移除元素 ，不占据任何空间，后续元素会前移填补其位置恢复显示的方式 visibility hidden通过设置visibility visible可直接恢复显示 ，无需考虑元素原始类型display 需将display属性。
4 、CSS中的display flex与display inlineflex是用于创建弹性布局Flexbox的两种属性 ，主要区别在于它们对容器外部显示方式的影响1 display flex 作用将元素设为块级弹性容器，其宽度默认撑满父容器类似block特性特点容器独占一行，后续元素会换行显示子元素flex项目默认沿主轴水平 。
5 、CSS的display属性主要包含以下值 ，其作用及特性如下display 该属性会完全隐藏元素 ，不仅视觉上不可见，元素在文档流中也不占据任何物理空间 ，即页面布局不会为其保留位置常用于动态显示隐藏内容的场景 ，例如通过JavaScript或CSS伪类触发display inline将块级元素如转换为内联元素，使其与其 。
6、CSS的display属性通过定义元素的盒模型类型 ，直接决定其渲染方式与换行行为不同属性值对换行的影响如下1 display block块级元素换行行为强制换行 ，独占父元素整行每个块级元素从新行开始，后续元素自动换到下一行特点宽度默认撑满父容器可通过width调整可设置marginpaddingheight。
7 、一外部表现共同点行内流特性两者均不会独占一行 ，允许其他行内元素或文本紧随其后示例中 ，inline和inlineflex容器均与周围文本在同一行显示二内部布局关键差异1 display inline的内部行为无特殊布局能力子元素按自身display属性渲染，不受父容器约束块级子元素垂直堆叠若内部 。
8 、CSS中display属性的例子包括display blockdisplay inlinedisplay 1 display block说明当元素设置为display block时 ，该元素会以块级元素的方式显示块级元素会换行显示 ，并占据其父容器的整个可用宽度例子默认情况下，等元素就是块级元素但如果你将一个默认是行级 。
9、inherit继承父元素的display值，用于统一子元素显示类型已废弃值compactmarker因缺乏广泛支持 ，已从CSS21中移除 ，不建议使用应用场景建议 布局控制优先使用blockflex虽未列出但常用或grid复杂表格结构可通过table*值简化HTML，但需注意语义化动态隐藏内容时 ，比visibility hidden更。
本文来自作者[皇晶晶]投稿，不代表调研号立场，如若转载，请注明出处：https://kydy.org.cn/miao/11495.html
![【二维数组a[3][4]表示几行几列,二维数组a34按行存储】](https://kydy.org.cn/zb_users/theme/jnews/style/images/lazy-480x300.png)
评论列表（4条）
我是调研号的签约作者“皇晶晶”！
希望本篇文章《css中display属性/css中display是什么属性》能对你有所帮助！
本站[调研号]内容主要涵盖：调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、display属性是CSS中控制元素布局类型和展示方式的核心属性，直接影响网页结构与样式表现以下是其详细用法指...