HTML div ID无法正确对齐

Question

I have a main div on my page that has the attribute align="center" , yet for some reason it is not aligning in the center. 我的页面上有一个主div，其属性为align="center" ，但由于某种原因，它不在中心对齐。

for reference here is the page . 供参考的是页面。

CSS: CSS：

#page{
    background-color: #4C1B1B;
    width:85%;
    height:500px;

}

HTML: HTML：

<body>
   <div id="page" align="center">
      &nbsp;
      <div id="pageleft">
        TEST
      </div>
      <div id="pageright">
        &nbsp;
      </div>
  </div>
</body>

Thanks in advance! 提前致谢！

Answer 1

Add margin:auto to the #page rule instead and remove the align="center" 将margin:auto添加到#page规则中，然后删除align="center"

#page{
   background-color: #4C1B1B;
   width:85%;
   height:500px;
   margin:auto;
}

Answer 2

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 + "%")

HTML div ID无法正确对齐

问题描述

2 个解决方案

解决方案1
2 已采纳 2012-01-20 12:22:48

解决方案2
1 2012-01-20 12:39:01

HTML div ID无法正确对齐

问题描述

2 个解决方案

解决方案1 2 已采纳 2012-01-20 12:22:48

解决方案2 1 2012-01-20 12:39:01

解决方案1
2 已采纳 2012-01-20 12:22:48

解决方案2
1 2012-01-20 12:39:01