整理常用CSS浏览器兼容CSS技巧

1.div的垂直居中题目 vertical-align:middle; 将行距添加到和整个DIV一样高 line-height:200px; 尔后插入翰墨，就垂直居中了。弊病是要牵制模式不要换行

2. margin愈加的题目 设置为float的div在ie下设置装备摆设的margin会更为。这是一个ie6都具备的破绽。办理方案是在这个div内中加之display:inline; 例如：

<#div id=”imfloat”>

响应的css为

#IamFloat{ float:left; margin:5px;/*IE下体味为10px*/ display:inline;/*IE下再熟谙为5px*/}

3.浮动ie发生发火的双倍隔断

这里细说一下block与inline两个元素：block元素的特点是,总是在新行上劈头劈脸,高度,宽度,行高,边距均也许牵制(块元素);Inline元素的本色是,与别的元素在抗衡行上,弗成牵制(内嵌元素); #box{ display:block; //梗概为内嵌元素模仿为块元素 display:inline; //实现对抗行排列的成绩 diplay:table;

#box{ float:left; width:100px; margin:0 0 0 100px; //这类环境之下IE会发作200px的隔绝距离 display:inline; //使浮动忽略}