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)