2013-02-11 113 views
2

我正在水平居中一个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; 

} 
+0

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

+0

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

+0

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

回答

4

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

+0

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

+0

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

1
margin:0px auto; 

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

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

​​

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

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

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

希望这有助于!