CSS 在IE6, IE7 和IE8中的差别

2020-05-09 07:37:55易采站长站整理
, 或
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;
}
h2:before {
content: counter(headers) ". ";
}

描述

该CSS 技术允许你自动增加出现在指定元素前面的编号,结合before伪元素一起使用。

推荐阅读: CSS content, counter-increment 和 counter-reset详解

支持情况

IE6
No
IE7
No
IE8
Yes

生成内容的引用字符