主题:dispaly 属性小结
 楼主 yn1982 发表于2010年9月9日 上午9:57:22
dispaly 属性小结

 

display:inline 本来就是块级的元素,显示为内嵌的元素,比如:div是一个块级元素,设置了display:inline之后,就会跟其他元素在同级显示了。

 

block :  CSS1 块对象的默认值。用该值为对象之后添加新行

none :  CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间

inline :  CSS1 内联对象的默认值。用该值将从对象中删除行

compact :  CSS2 分配对象为块对象或基于内容之上的内联对象

marker :  CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用

inline-table :  CSS2 将表格显示为无前后换行的内联对象或内联容器

list-item :  CSS1 将块对象指定为列表项目。并可以添加可选项目标志

run-in :  CSS2 分配对象为块对象或基于内容之上的内联对象

table :  CSS2 将对象作为块元素级的表格显示

table-caption :  CSS2 将对象作为表格标题显示

table-cell :  CSS2 将对象作为表格单元格显示

table-column :  CSS2 将对象作为表格列显示

table-column-group :  CSS2 将对象作为表格列组显示

table-header-group :  CSS2 将对象作为表格标题组显示

table-footer-group :  CSS2 将对象作为表格脚注组显示

table-row :  CSS2 将对象作为表格行显示

table-row-group :  CSS2 将对象作为表格行组显示

说明:

设置或检索对象是否及如何显示。

目前 IE5.5仅支持以上CSS1的参数。

对应的脚本特性为display。请参阅我编写的其他书目。

 

示例:

img { disply: block; float: right; }

 

代码:

block  :  CSS1  块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行

none  :  CSS1  隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间

inline  :  CSS1  内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行

inline-block  :  IE5.5  将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内

compact  :  CSS2  未支持。分配对象为块对象或基于内容之上的内联对象

 

 

 1 mjcn001 发表于2010年9月9日 下午7:01:37

总结的很全面,楼主辛苦了。

 2 xutuan2009 发表于2010年9月15日 上午9:59:19

不错!

奇新云平台
切换