2

我正在将 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;

}
4

3 回答 3

3

在此处查看本教程以了解如何操作。您需要有一个固定宽度的元素。这可以使用 css 或 jquery 来完成。

于 2013-02-11T21:40:10.063 回答
3 
margin:0px auto;

如果 div 定位为绝对或固定，则使用

margin:0px auto;
left:0;
right:0;
于 2013-02-11T21:41:47.440 回答
0

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

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

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

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

希望这可以帮助！

于 2013-02-11T21:42:28.347 回答