CSS的display属性

CSS的diaplay属性作用控制元素盒子类型决定元素如何排版占空间同行/换行显示。一.常用核心值1.displaynone 隐藏元素完全消失不占页面空间后面元素直接顶上来2.diaplayinline 行内元素并排显示不独占一行宽高无效仅内容大小代表astrongspanidel等由块元素强行设置为普通行内元素宽高不能自行设置其乱搞仅由内容撑起3.diaplayblock 块级元素独占一行宽高内外边距全都生效默认宽度100%父容器代表divphiulli4.diaplay:inline-block 内块元素同行排列支持设置宽高内外边距自带微小空白缝隙四种元素类型对比元素外部显示类型排列方式盒模型属性元素内容block 块级独占一行widthheight有效任意元素inline 内行不独占一行widthheight无效行内或行内块元素inline-block 行内块不独占一行widthheight有效行内或文本元素none 隐藏