多语言展示
当前在线:1581今日阅读:82今日分享:48

IE与Firefox的CSS常见的兼容问题

我们在工作中经常碰到的兼容问题,其实最常见的还是那么几个,下面看我来分析下
方法/步骤
1

常见兼容问题1.div 标签居中问题DIV设置居中一定要是margin:auto;不能是text-align:center; 2.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width.用!important为火狐特别设置样式。这个是控制火狐的,也只有火狐支持3.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了缺点是要控制内容不要换行,不换行时候的垂直居中。4.两个有浮动的DIV之间要加清除clear,5.ie下margin会加倍,可以加上display:inline,就不会有双倍的距离。

3

IE最小宽度的写法#box{ width: 80px; height: 35px;}  /*IE6*/html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}这样写代码的意思是在火狐下的宽度是width: auto,在IE6下的宽度是width:80px; IE6不认得min-width-这个定义要这样写#container { min-width: 600px;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1007?'1007px':'');}或#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? '600px': 'auto' );}

推荐信息