CSS 在IE6, IE7 和IE8中的差别

2020-05-09 07:37:55易采站长站整理

支持情况

IE6
No
IE7
No
IE8
Yes

表格标题的水平位置
示例

table {
caption-side: bottom;
}

描述

这个属性允许将一个表格的标题放到表格的底部——默认是头部。

支持情况

IE6
No
IE7
No
IE8
Yes

修剪区域
示例

#box {
clip:rect(20px, 300px, 200px, 100px)
}

描述

该属性指定一个盒子的一个区域可见,剩下的部分修剪掉,或者不可见。

支持情况

IE6
No
IE7
No
IE8
Yes

Bugs

有趣的是,该如果不使用隔开各个值的逗号,IE6和IE7也可以用这个属性。(比如,使用空格隔开剪切的值。)

打印页面中的orphanes和widows
示例

p {
orphans: 4;
}

p {
widows: 4;
}

描述

orphans
属性设定在打印页面底部显示的最少行数。而
widows
属性用来设定打印页面头部至少显示的段落的行数。

支持情况

IE6
No
IE7
No
IE8
Yes

盒子内的页面分割
示例

#box {
page-break-inside: avoid;
}

描述

该属性设定分页是否发生在一个指定元素内。

支持情况

IE6
No
IE7
No
IE8
Yes

Outline 属性
示例

#box {
outline: solid 1px red;
}

描述

outline
outline-style
,
outline-width
, 和
outline-color
的缩写。该属性要优于border属性,因为它不会影响文档流,因而u更有助于调试布局问题。

支持情况

IE6
No
IE7
No
IE8
Yes

display属性的替代值
示例

#box {
display: inline-block;
}

描述

display
属性通常设置为
block
,
inline