CSS对IE6、IE7、IE8支持详细的易用的参考

2020-05-11 18:21:57易采站长站整理

支持情况

IE6
No
IE7
No
IE8
Yes

display属性的替代值
示例

#box {
display: inline-block;
}

描述

display
属性通常设置为
block
,
inline
, 或
none
。替代值包括:

inline-block

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

支持情况

IE6
No
IE7
No
IE8
Yes

处理可折叠空白
示例

p {
white-space: pre-line;
}
 
div {
white-space: pre-wrap;
}

描述

white-space
属性的pre-line值设定将多个空白元素折叠为一个空白,同时允许明确的设置断行。
white-space
属性的
pre-wrap
值不会将多个空白折叠为一个,不过也允许明确的设置断行。

支持情况

IE6
No
IE7
No
IE8
Yes

其它各种技术
@import的媒体类型
示例

@import url("styles.css") screen;

描述

就像上面的例子那样,引入的样式表文件的媒体类型声明在文件地址的后面。在该例子中,媒体类型是”screen”。

支持情况

IE6
No
IE7
No
IE8
Yes

Bugs

尽管IE6 和IE7 支持

@import
,它们在媒体类型被指定的时候会无效,甚至会引起正@import规则无效。

计数递增
示例

h2 {
counter-increment: headers;