这个代码为什么不能让div、居中
.body{margin:0auto;font-family:"宋体","黑体";font-size:12px;color:#000}.top_daohang{backg...
.body{margin:0 auto;font-family:"宋体","黑体";font-size:12px; color:#000}
.top_daohang {
background-image: url(../images/guozhuye/guo__bj.gif);
width: 1000px;
height: 320px;
}
<body>
<div class="top_daohang">
</div>
<div></div>
<div></div>
</body> 展开
.top_daohang {
background-image: url(../images/guozhuye/guo__bj.gif);
width: 1000px;
height: 320px;
}
<body>
<div class="top_daohang">
</div>
<div></div>
<div></div>
</body> 展开
2个回答
展开全部
原因是这样的：margin:0 auto只对火狐浏览器有效，而且要加上宽度。如果是IE6或者IE7必须再此基础上，再加上text-align:center。这样就可以保证所有浏览器兼容了。
详细代码如下：
<html>
<head>
<title>我的第一个 HTML 页面</title>
<style>
body{margin:0 auto;width:1000px;text-align:center;font-family:"宋体","黑体";font-size:12px; color:#000}
.top_daohang {background-image: url(1.jpg);width:1000px;height:320px;}
</style>
</head>
<body>
<div class="top_daohang"></div>
<div></div>
<div></div>
</body>
</html>
还有哪里不懂的，可以直接与我联系。希望能采纳，谢谢！
详细代码如下：
<html>
<head>
<title>我的第一个 HTML 页面</title>
<style>
body{margin:0 auto;width:1000px;text-align:center;font-family:"宋体","黑体";font-size:12px; color:#000}
.top_daohang {background-image: url(1.jpg);width:1000px;height:320px;}
</style>
</head>
<body>
<div class="top_daohang"></div>
<div></div>
<div></div>
</body>
</html>
还有哪里不懂的，可以直接与我联系。希望能采纳，谢谢！
追问
谢谢楼主 不过有点晚了 你的回答很详细 超赞成 我还提了一个问题回答下
要怎么联系呢 我QQ305912347
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
