本文和大家重点讨论一下CSS display属性的用法,主要包括基本特征,基本语法,语法的取值等内容,这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 CSS display属性 不谨慎会很危险,可能违反 HTML 中已经定义的显示层次结构。
广州网站建设,网站建设,广州网页设计,广州网站设计
CSS display属性基本特性
初始值: inline 适用于: 所有元素
继承性: 无 百分比: N/A
媒体: all 版本: CSS1/CSS2
兼容性: IE4+ NS4+
CSS display属性基本语法
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
CSS display属性语法取值
block : CSS1 块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行
none : CSS1 隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行
inline-block : IE5.5 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
compact : CSS2 未支持。分配对象为块对象或基于内容之上的内联对象
marker : CSS2 未支持。指定内容在容器对象之前或之后。要使用此参数,对象必须和 :after 及 :before 伪元素一起使用
inline-table : CSS2 未支持。将表格显示为无前后换行的内联对象或内联容器
list-item : CSS2 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 未支持。分配对象为块对象或基于内容之上的内联对象
table : CSS2 未支持。将对象作为块元素级的表格显示
table-caption : CSS2 未支持。将对象作为表格标题显示
table-cell : CSS2 未支持。将对象作为表格单元格显示
table-column : CSS2 未支持。将对象作为表格列显示
table-column-group : CSS2 未支持。将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 未支持。将对象作为表格行显示
table-row-group : CSS2 未支持。将对象作为表格行组显示