当前访客身份:游客 [ 登录 | 加入 OSCHINA ]

代码分享

当前位置:
代码分享 » HTML  » 网页设计与交互
分享到: 
收藏 +0
1
问题描述:在ie里面显示是居中的,但是在firefox里就变左对齐了。这是ie与firefox浏览器解析css样式的区别,两者不完全兼容。
标签: Firefox IE 对齐 居中

代码片段(3) [全屏查看所有代码]

1. [代码]一、IE浏览器中设置div或table为水平居中: IE中在body中加入text-align:center,即可实现布局居中。     跳至 [1] [2] [3] [全屏预览]

body{text-align:center}

2. [代码]二、FIREFOX浏览器 层或table水平居中:     跳至 [1] [2] [3] [全屏预览]

#mydiv{margin-left:auto;margin-right:auto}
<div id="mydiv">
</div>
或者
.mydiv{width:900px;margin-left:auto;margin-right:auto}
<div class="mydiv">
</div>
或者
<div style="width:900px;margin:auto;text-align:left">
</div>

3. [代码]三、因此,想要让DIV或table在IE浏览器和FIREFOX浏览器都水平居中,需要采取两种设置方法     跳至 [1] [2] [3] [全屏预览]

body{text-align:center}
.mydiv{width:900px;margin-left:auto;margin-right:auto}
<div class="mydiv">
</div>


开源中国-程序员在线工具:Git代码托管 API文档大全(120+) JS在线编辑演示 二维码 更多»

发表评论 回到顶部 网友评论(3)

  • 1楼:北落 发表于 2010-10-22 15:23 回复此评论
    这就是常说的 margin:0 auto;  但是 这样写 还不是完全兼容的  不信 你可以在这个div上设置下背景色看下
  • 2楼:G. 发表于 2010-10-24 14:14 回复此评论
    text-align 好像会被继承吧?
  • 3楼:嬉笑的玩偶 发表于 2011-01-30 10:33 回复此评论
    垂直居中是怨念的东西
开源从代码分享开始 分享代码
小编辑的其它代码 全部(61)...