IE和Firefox浏览器CSS兼容性技巧整理

4次阅读

 CSS 兼容常用技巧

请尽量用 xhtml 格式写代码,而且 DOCTYPE 影响 CSS 处理,作为 W3C 的标准,一定要加 DOCTYPE 声明。

1.div 的垂直居中问题

vertical-align:middle; 将行距增加到和整个 DIV 一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行

2. margin 加倍的问题

设置为 float 的 div 在 ie 下设置的 margin 会加倍。这是一个 ie6 都存在的 bug。解决方案是在这个 div 里面加上 display:inline;

例如:

<#div id=”imfloat”>
相应的 css 为
#imfloat{
float:left;
margin:5px;/*IE 下理解为 10px*/
display:inline;/*IE 下再理解为 5px*

正文完