CSS如何水平居中一个div

问题描述：

我正在水平居中一个div。我有下面的代码来垂直和水平居中我的div在身体标记，但似乎只是垂直的作品。我怎样才能让水平片能够工作。提前致谢。CSS如何水平居中一个div

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; 

}

可能的重复：http://stackoverflow.com/questions/618097/how-do-you-easily-horizontally-center-a-div-using-css – Boaz 2013-02-11 21:39:34

没有。那个链接根本没有帮助。如果仔细观察，您会看到我已经应用了该示例中的答案，但仍未获得理想的结果。 – Kobojunkie 2013-02-11 21:48:05

看到我对此的回答[输入链接描述]（http://stackoverflow.com/questions/618097/how-do-you-easily-horizontally-center-a-div-using-css/43509117#43509117） – 2017-04-20 02:37:07

答

以本教程中的a look here来学习如何操作。你需要有一个固定宽度的元素。这可以用CSS或jQuery来完成。

谢谢。这就是我一直在寻找的东西。 – Kobojunkie 2013-02-11 21:51:08

什么这里http://www.w3schools.com/css/css_align.asp似乎更简单，这是我用过的。感谢您的链接，当时并不知道这样的网站，jquery的书很有用:) – Benj 2014-08-15 22:37:25

答

margin:0px auto;

如果DIV被定位绝对或固定的，那么使用

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

答

我相信这可以解决您的问题，如果我理解正确。

我放了一个容器div围绕你的div，并把百分比边际全部。

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

希望这有助于！

CSS如何水平居中一个div

相关推荐