|
 |
|
|
 |
|
|
 |
搜狐 新浪 网易 百度 雅虎 GOOGLE
网页制作 TOM搜索
搜狗 |
|
|
| |
|
| | |
CSS手册之Display属性 |
这两天被IE和FireFox两个浏览器显示结果上的差异弄的快疯掉了，今天最后才明白，改一个值就OK了：一般在IE下可以使用display:block来设定一个块级元素，前后有换行；但是在FireFox下用Block是不可用的，在FireFox则需要使用display:table/table-row来解决，但是我个人觉得用table效果在FireFox里用好一点，用table-row时的间距要小些，有点紧凑，根据个人爱好选择，也许我说的也是不对的，请指教。
下面我把在网上找到的有关display属性值的两种描述列出来，方便大家理解：
none 元素将不会被显示出来 CSS1 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
block 元素将以块级元素的形式显示出来，在元素的前后都带有换行。 CSS1块对象的默认值。用该值为对象之后添加新行
inline 元素将以inline元素的形式显示，元素的前后不带有换行。 CSS1 内联对象的默认值。用该值将从对象中删除行
list-item 元素将以别表的形式显示出来。 CSS1 将块对象指定为列表项目。并可以添加可选项目标志。
run-in 元素将根据它的上下文来以块级或是inline元素的形式显示。 CSS2 分配对象为块对象或基于内容之上的内联对象
compact 元素将根据它的上下文来以块级或是inline元素的形式显示。 CSS2分配对象为块对象或基于内容之上的内联对象
marker CSS2 指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用。
table 元素以表格区的形式来显示(像<table>)，表格前后带有换行。 CSS2 将对象作为块元素级的表格显示。
inline-table 元素将inline表格的形式来显示(像<table>)，表格的前后不带换行
.CSS2 将表格显示为无前后换行的内联对象或内联容器。
table-row-group 元素将以一行或多行的组来显示(像<tbody>) CSS2 将对象作为表格行组显示。
table-header-group 元素将以一行或多行的组来显示(像<thead>) CSS2 将对象作为表格标题组显示。
table-footer-group 元素将以一行或多行的组来显示(像<tfoot>) CSS2 将对象作为表格脚注组显示。
table-row 元素讲以表格行的形式来显示(像<tr>) CSS2 将对象作为表格行显示。
table-column-group 元素将以一列或多列组的形式来显示(像<colgroup>) CSS2 将对象作为表格列组显示。
table-column 元素将以单元格的一列来显示(像<col>) CSS2 将对象作为表格列显示。
table-cell 元素将以表格单元的形式来显示(像<td>和<th>) CSS2 将对象作为表格单元格显示。
table-caption 元素将以表格标题的形式来显示(像<caption>) CSS2 将对象作为表格标题显示。
>> CODE
说明：
display属性可以设置一个属性怎样或是是否显示出来。
继承性：无
目前 IE5.5仅支持以上CSS1的参数。
对应的脚本特性为display。 | | | | |
