我的页面一直是整一个最外面的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里依然靠左.
<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>
添加 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里均居中显示.
<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>
PS:或许就我最晚知道了...