关闭

关于DIV在Mozilla Firefox中的居中问题

1357人阅读 评论(0) 收藏 举报

我的页面一直是整一个最外面的DIV标记层CSS标签Text-Align设为center,然后向内的一层DIV设为Text-Align: center;来实行页面的居中的.
但这样的DIV居中形式在Mozilla Firefox就不行了,它依然是Left的..今天发了个心终于找到了问题的所在.
那就是要在向内的一层DIV中再加入Margin-Right: auto; Margin-Left: auto;这两个定义才可以.

另解:
{直接加 margin: 0 auto;
就可以了的!}
范例:

原来的定义:

<html>
<head>
<style type="text/css">
body {
  text-align: center;
}
#wrapper{
  text-align: left;
  width: 760px;
  border: thin solid #666666;
}
</style>
</head>
<body>
<div id="wrapper">
Div Center
</div>
</body>
</html>
结果是: IE中居中显示. MF里依然靠左.

添加Margin-Right: auto;Margin-Left: auto;#wrapper.修改为.
<html>
<head>
<style type="text/css">
body {
  text-align: center;
}
#wrapper{
  text-align: left;
  width: 760px;
  border: thin solid #666666;
  Margin-Right: auto;
  Margin-Left: auto;
}
</style>
</head>
<body>
<div id="wrapper">
Div Center
</div>
</body>
</html>
结果: IE&MF里均居中显示.

PS:或许就我最晚知道了... [beaten] 
 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:410611次
    • 积分:4632
    • 等级:
    • 排名:第6322名
    • 原创:58篇
    • 转载:74篇
    • 译文:5篇
    • 评论:53条