发布时间:2019-10-01编辑:佚名阅读(871)
说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
display:none | inline | block | list-item | inline-block | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-column | table-column-group | table-footer-group | table-header-group | compact | run-in | ruby | ruby-base | ruby-text | ruby-base-group | ruby-text-group | box | inline-box
none: | 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 |
inline: | 指定对象为内联元素。 |
block: | 指定对象为块元素。 |
list-item: | 指定对象为列表项目。 |
inline-block: | 指定对象为内联块元素。(CSS2) |
table: | 指定对象作为块元素级的表格。类同于html标签<table>(CSS2) |
inline-table: | 指定对象作为内联元素级的表格。类同于html标签<table>(CSS2) |
table-caption: | 指定对象作为表格标题。类同于html标签<caption>(CSS2) |
table-cell: | 指定对象作为表格单元格。类同于html标签<td>(CSS2) |
table-row: | 指定对象作为表格行。类同于html标签<tr>(CSS2) |
table-row-group: | 指定对象作为表格行组。类同于html标签<tbody>(CSS2) |
table-column: | 指定对象作为表格列。类同于html标签<col>(CSS2) |
table-column-group: | 指定对象作为表格列组显示。类同于html标签<colgroup>(CSS2) |
table-header-group: | 指定对象作为表格标题组。类同于html标签<thead>(CSS2) |
table-footer-group: | 指定对象作为表格脚注组。类同于html标签<tfoot>(CSS2) |
compact: | 分配对象为块对象或基于内容之上的内联对象(CSS3) |
run-in: | 分配对象为块对象或基于内容之上的内联对象(CSS3) |
ruby: | 将对象作为表格脚注组显示(CSS3) |
ruby-base: | 将对象作为表格脚注组显示(CSS3) |
ruby-text: | 将对象作为表格脚注组显示(CSS3) |
ruby-base-group: | 将对象作为表格脚注组显示(CSS3) |
ruby-text-group: | 将对象作为表格脚注组显示(CSS3) |
box: | 将对象作为弹性盒模型显示(CSS3) |
inline-box: | 将对象作为内联块级弹性盒模型显示(CSS3) |
支持版本\类型 | IE | Firefox | Safari | Chrome | Opera |
---|---|---|---|---|---|
较早版本 | 6.0-7.0 #1 | 4.0-6.0 #2 | 5.1 #3 | 13.0 #4 | 11.50-11.51 #5 |
较新版本 | 8.0 #6 | ||||
最近版本 | 9.0 #7 |
上一篇:CSS2 布局 clip
下一篇:CSS1 布局 float
0人
0人
0人
0人