css笔记-display属性

css笔记-display属性

display属性可取值

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

display属性取值说明

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）