Html div id未正確對齊

我的頁面上有一個主要div，其屬性爲align="center"，但由於某些原因，它並未在中心對齊。Html div id未正確對齊

CSS：

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

}

HTML：

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

提前感謝！

來源

2012-01-20 DonJuma

添加margin:auto到#page規則，而並取出align="center"

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

來源

2012-01-20 12:22:48

另外，刪除'ALIGN = 「中心」' - 它棄用，可馬車。 –

@Blowski - 同意在編輯中。 –

非常感謝你，這很有魅力。 – DonJuma

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

來源

2012-01-20 12:39:01

Html div id未正確對齊

回答

相關問題