搜索
查看: 8445|回复: 0

IE和FireFox中表格居中对齐问题

[复制链接]
发表于 2012-8-1 15:39:35 | 显示全部楼层 |阅读模式

浏览器兼容问题:今天打开网页发现在IE中居中正常,在FireFox中整个也面都靠在左边了。打开代码,发现是table结构,只做了个table居中。加上div align=“center”之后FF中是正常了,但是IE中表格里面文字也居中了。然后想到固定宽度,让左右外边距都自动,试了下,果然好使。顺手记下

5 F- A$ K m$ O/ O! j) Y p

 

9 k) N7 m6 R! t8 c# Q+ L4 ]

一、IE浏览器中设置div或table为水平居中:

k$ f4 n- B( c0 B) G

 

5 F) X1 A+ i0 B! z1 X/ E0 c

IE中在body中加入text-align:center,即可实现布局居中。
body{text-align:center}

; P; E9 G" Q1 r( t. }

 

' x. X4 Q) ~2 f2 d9 g

二、FIREFOX浏览器 层或table水平居中:

3 h4 B5 O$ U7 {1 p4 k+ y# r" @


#mydiv{margin-left:auto;margin-right:auto} 
<div id="mydiv"> 
</div> 

. Q, B4 t' {, G1 A5 H- ~5 k1 B

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

4 V& j, n- X& x

或者 
<div style="width:900px;margin:auto;text-align:left"> 
</div>

2 [2 c J% J, ]& q) S

 

+ H" s7 p& |9 z. x

三、因此,想要让DIV或table在IE浏览器和FIREFOX浏览器都水平居中,需要采取两种设置方法

; @+ s, N/ A0 e4 I


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

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

热议作品
精华帖子排行
精彩推荐

虾皮社区,成立十年了!

站长自己也搞不懂想做个什么,反正就是一直在努力的做!

Copyright © 2007-2019 xp6.org Powered by Discuz

QQ|Archiver|手机版|小黑屋|虾皮社区 鲁公网安备 37021102000261号 |网站地图
返回顶部 返回列表