这个代码为什么不能让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
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询