贾媛媛:css display 的参数列表

来源：百度文库 编辑：九乡新闻网 时间：2024/04/29 20:21:16

css display 的参数列表

语法：

display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group

参数：

block : 　CSS1　块对象的默认值。用该值为对象之后添加新行
none : 　CSS1　隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline : 　CSS1　内联对象的默认值。用该值将从对象中删除行
compact : 　CSS2　分配对象为块对象或基于内容之上的内联对象 //IE 遨游 不支持此属性
marker : 　CSS2　指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用
inline-table : 　CSS2　将表格显示为无前后换行的内联对象或内联容器
list-item : 　CSS1　将块对象指定为列表项目。并可以添加可选项目标志
run-in : 　CSS2　分配对象为块对象或基于内容之上的内联对象   //IE 遨游 不支持此属性
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　将对象作为表格行组显示



display属性基本上分为inline,block,和none。
inline就像它的本意——显示为inline的元素为行。strong,anchor锚和em强调元素默认是行。
block元素前后换行。标题和段落元素是块元素。
none，意思不显示元素，在可用性上可以实现漂亮的效果，交替样式或hover效果的高级运用。

设定表现可以更好运用在网页制作上。

Example Source Code [www.52css.com]h1 {
       display: inline;
       font-size: 2em;
}
#header p {
       display: inline;
       font-size: 0.9em;
       padding-left: 2em;
}
设定标题h1为行元素，可以和后面的元素在同一行。

Example Source Code [www.52css.com]#navigation, #seeAlso, #comments, #standards {
       display: none;
}
上面的代码可以使用在打印样式里，比如在导航使用，可以在打印时不显示导航这些无关紧要的东西。

display:none和visibility:hidden;的不同在于display:none完全取消元素的显示，visibility: hidden保持元素位置但视觉上的内容不可见。例如，如果3的第二段设置为display:none，第一段将仅跟在第三段，如果设置为 visibility:hidden，段落间就会空出。

表格

明白表格相关的表现属性值最好的方法想象html表格。table是最初的表现，你可以使用table-row模拟table-cell模拟td。

display属性更进一步，可以通过使用table-column, table-row-group, table-column-group, table-header-group, table-footer-group and table-caption。现在可以直接使用 columns构建表格，比在html中使用行构建快速。

最后，inline-table设定表格前后不换行。

使用CSS表格会严重损害可用性。HTML应该用来传递语意，所以如果你有表格数据，那可以使用HTML表格。使用CSS表格仅仅会产生糟糕的数据如果没有CSS数据将不可读。

其他表现形式

list-item列表项目，就像期待HTML里的li元素。它们需要嵌套在元素里面显示。
run-in元素的表现形式由它的父元素决定。IE和Mozilla都不支持。
compat根据上下阿文决定表现形式，同样IE和Mozilla都不支持。
maker仅仅使用在:before和:after伪元素，设定content属性的表现。content属性默认表现就是maker，所以它只有在覆盖原来属性时才有用。
content属性，它的默认就是maker，所以只有在覆盖原来属性时使用。
css display 的参数列表 CSS中 display 与 visibility 的区别 CSS : Visibility 和 Display 属性的比较_WEB标准_中国站长站 ... jQuery.ajax参数列表 实例分析CSS属性Display与Visibility不同 DISPLAY环境变量的作用 - Oracle - ChinaUnix.net CSS新手整理的CSS技巧/ CSS柱状图的实现 css选择器的优先级 CSS css 人体的正常参数 眼镜的参数 电解电容的电参数 鼠标的参数 照明灯光的参数 羽毛球拍的重要参数 喇叭的重要参数 D90的 参数 内存参数的含义 函数的参数 CSS的倡导者：学习CSS的10大理由 jQuery选择器CSS的用法 优化你的CSS代码~