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;

}

- Kobojunkie

---

可能是重复问题：https://dev59.com/4HRB5IYBdhLWcg3wc280 - Boaz

不行。那个链接一点也没帮助。如果你仔细看，你会发现我已经应用了那个例子中的答案，但仍然没有得到想要的结果。 - Kobojunkie

请查看我在此链接中的回答：enter link description here - amachree tamunoemi

Answer 1

margin:0px auto;

如果

元素定位为absolute或fixed，则使用：

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

- user2055453

Answer 2

请参考这篇教程来学习如何实现。您需要使用具有固定宽度的元素，这可以通过使用CSS或jQuery来实现。

- MGDTech

---

这里http://www.w3schools.com/css/css_align.asp看起来更简单，那就是我用的。谢谢你提供的链接，我不知道有这样一个网站，jquery书非常有用 :) - Benj

你应该在帖子中包含链接文章的信息，以防链接失效。 - Black

Answer 3

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

如果我理解正确，我相信这可能会解决你的问题。

我在你的 div 周围放置了一个容器 div，并在四周设置了百分比边距。

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

希望这能帮到你！

- Raphael Rafatpanah