CSS如何將div水平居中

Question

我正在努力將div水平居中。 我有以下代碼可將div在body標簽中垂直和水平居中放置，但似乎只有垂直部分有效。 我怎樣才能使水平件也能正常工作。 提前致謝。

body
{
    background-color: #081418;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969; 
    text-align: center;
}

.OuterRim
{
    border:5px solid #99D7C0;
    height: 97%;
    width: 85%;
    /*center aligning*/ 
    display: block;
    text-align: left;
    margin: 0px auto;

}

Answer 1

在這里看一下本教程，學習如何做。 您需要具有固定寬度的元素。 這可以通過css或jquery完成。

Answer 2

margin:0px auto;

如果div定位為絕對或固定，則使用

margin:0px auto;
left:0;
right:0;

Answer 3

http://jsfiddle.net/persianturtle/jm7vF/1/

我相信，如果我正確理解，可能會解決您的問題。

我在您的div周圍放置了一個容器div，並在所有位置設置了百分比邊距。

.container {
height: 50%;
margin: 25% 25% 25% 25%;
}

希望這可以幫助！