[英]Html div id not aligning properly
我的页面上有一个主div,其属性为align="center"
,但由于某种原因,它不在中心对齐。
供参考的是页面 。
CSS:
#page{
background-color: #4C1B1B;
width:85%;
height:500px;
}
HTML:
<body>
<div id="page" align="center">
<div id="pageleft">
TEST
</div>
<div id="pageright">
</div>
</div>
</body>
提前致谢!
将margin:auto
添加到#page
规则中,然后删除align="center"
#page{
background-color: #4C1B1B;
width:85%;
height:500px;
margin:auto;
}
To completely centre align the div, the following formula can be applied
left = (100 - (width of the div))/2
Using Jquery this can be done as below
var left = (100 - 85)/2;
$("#page").css("left",left + "%")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.