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

在本教程中学习a look here 以了解如何操作。您需要一个具有固定宽度的元素。这可以使用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%;
}

希望这有帮助！

CSS如何水平居中div

3 个答案: