我试图以DIV为中心"margin:auto".它适用于Chrome和FF,但以下代码不会将DIV置于IE中心:
CSS
#container {
margin:auto;
width:950px;
height:50px;
background:#000;
}
HTML
<div id="container"></div>
我究竟做错了什么？
谢谢,
乔尔
编辑(完整的HTML/CSS代码):
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css">
<style>
#container {
margin: 0 auto;
width:950px;
height:50px;
background:#000;
}
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
小智 18
将其插入文档顶部:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
或者html5:
<!DOCTYPE html>
小智 6
保证金自动居中
问题:当通过margin-left:auto中心div标签时; 或者保证金权利:auto; 设置,这在Internet Explorer中不起作用,除非您将以下内容添加到html正文的样式表中:
html, body {
text-align: center;
}
不要忘记现在将其添加到您的段落和标题中,因为上述设置现在将使这些也成为中心.
p {text-align: left;}
尝试这个;
#container {
margin:0 auto;
width:950px;
height:50px;
background:#000;
}