热搜:NVER node 开发 php

css笔记-display属性_html/css_WEB-ITnose

2024-11-07 17:45:01
css笔记-display属性_html/css_WEB-ITnose

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标签

(CSS2)

inline-table:指定对象作为内联元素级的表格。类同于html标签

。(CSS2)

table-caption:指定对象作为表格标题。类同于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)

。(CSS2)

table-cell:指定对象作为表格单元格。类同于html标签

。(CSS2)

table-row:指定对象作为表格单元行。类同于html标签