我想使网页在不同分辨率的屏幕上居中显示,可是我在css中设置了margin:0px auto了,在浏览器中调试还是没有反应。我的html代码是这样的:
<body>
<div id="container">
<!-- 头部 -->
<div class="i_head">
<div class="i_headon">
</div>
</div>
..........
</div>
</body>
css代码是这样的:
#container{
margin:0px auto;
width:1300;
height:1700px;
bottom:auto;
text-align:center;
}
.i_head{
position:absolute;
left:0px;
top:0px;
z-index:1;
visibility:visible;
}
.i_headon{
width:1300px;
height:270px;
background:url(web_background_r1_c1.jpg) ;
}..........
改一下样式
margin:0px 1%;
另外,如果只是.i_head没有居中,
因为position:absolute,可以添加一个 width:100%试试
margin:0px 1%;
另外,如果只是.i_head没有居中,
因为position:absolute,可以添加一个 width:100%试试
温馨提示:答案为网友推荐,仅供参考