IE及标准浏览器中DIV居中问题
来源:互联网 发布:linux snmp测试 编辑:程序博客网 时间:2024/05/19 02:44
在标准浏览器中,设置margin:0 auto;即可使元素居中,但IE不这样理解,也就不会让标签居中。好在IE中还有text-align:center属性,可以设置在其它浏览器文本居中,但IE又不同,它会解释为一切都居中,包括标签,所以这两个一起用是浏览器兼容的处理。当不想在IE中其它DIV中文本居中,可以在父层中设置一下text-align:left;即为原本的默认属性,其他浏览器不会受到影响。
例如
.box{width:100%;}
.box .contBox{width:970px;height:500px;margin:0 auto;}
此CSS文件中的CLASS标签。在FF中就可以正常显示居中,但是IE中就不会。
IE中只能这么设置
.box{width:100%;text-align:center;}
.box .contBox{width:970px;height:500px;text-align:left;}
所以要最终的效果可以这么做
.box{width:100%;text-align:center;}
.box .contBox{width:970px;height:500px;margin:0 auto;text-align:left;}
这样就可以兼容各种浏览器了,也就是说,页面DIV在不同的浏览下,都会做居中显示
0 0
- IE及标准浏览器中DIV居中问题
- IE浏览器DIV居中
- IE中DIV不居中问题!
- IE 的 DIV居中问题
- IE css DIV 居中问题
- DIV 浏览器水平垂直居中及文字垂直水平居中问题
- IE下DIV居中的问题
- FF,IE浏览器的居中问题
- ie和webkit浏览器页面居中问题
- div 居中(IE FF)
- DIV 居中兼容浏览器
- div 浏览器居中显示
- ie中使用css不能居中问题
- 在IE中不能居中的问题!!!
- div中添加背景图片及居中显示
- FF与IE中DIV中文本居中
- 在ie,fierfox浏览器中,div层飘在flash上面显示的问题
- css 图片在div中居中问题
- 脚本式计算能力对报表工具的重要性
- IOS中Json解析的四种方法
- Leetcode -- Permutation Sequence
- 自己写 Netfilter 匹配器
- Swift应用开源项目推荐
- IE及标准浏览器中DIV居中问题
- ubuntu 下apt-get 命令
- android 旋转动画
- CV牛人牛事简介之一
- online_judge_1167
- java 优化 笔记
- Oracle-归档模式
- UITextField和 UITextView输入完毕后隐藏键盘
- canvas save() restoreToCount() Test