我想使网页在不同分辨率的屏幕上居中显示,我已设置了margin:0px auto了,在浏览器中调试还是没有反应。

我想使网页在不同分辨率的屏幕上居中显示,可是我在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%试试
温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网