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)

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。