display 属性有有24种:
- none: 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
- inline: 指定对象为内联元素。
- block: 指定对象为块元素。
- list-item: 指定对象为列表项目。
- inline-block: 指定对象为内联块元素。(CSS2)
- table: 指定对象作为块元素级的表格。类同于html标签(CSS2)
- inline-table: 指定对象作为内联元素级的表格。类同于html标签(CSS2)
- table-caption: 指定对象作为表格标题。类同于html标签(CSS2)
- table-cell: 指定对象作为表格单元格。类同于html标签(CSS2)
- table-row: 指定对象作为表格行。类同于html标签(CSS2)
- table-row-group: 指定对象作为表格行组。类同于html标签(CSS2)
- table-column: 指定对象作为表格列。类同于html标签(CSS2)
- table-column-group: 指定对象作为表格列组显示。类同于html标签(CSS2)
- table-header-group: 指定对象作为表格标题组。类同于html标签(CSS2)
- table-footer-group: 指定对象作为表格脚注组。类同于html标签(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)