Question

是的，还有其他问题;但是我不能按照他们的指示制作这个div中心。为什么呢？

HTML

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
        <div>
            <div class="center"></div>
        </div>
    </body>
</html>

CSS：

body {
    line-height: 1;
}

.center {
    position: fixed;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

Answer 1

将position:fixed;更改为position:relative;

Answer 2

从divs样式中删除position: fixed。

另外，你不需要display：block ...无论如何都要默认。戳是正确的，你不应该需要额外的div。

这是一个工作的例子...... http://jsfiddle.net/VYmw6/1/

Answer 3

你的div将无法居中，因为你有position:fixed，如果你删除它会起作用。：）

请在此处查看JSfiddle：http://jsfiddle.net/6XWMR/

Answer 4

position: fixed绝对使div位置（并且固定，使其保持滚动时的位置）。这意味着自动保证金不起作用。您可以通过删除位置规则或通过绝对定位div来解决此问题：

.center {
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
}

在一个不相关的注释中，额外的div完全没用，你可以把它留下来。此外，div默认是块元素，因此您也可以省略display: block;规则。

Answer 5

你有没有理由使用position: fixed？但无论如何希望这能帮到你

的CSS：

.center {
    margin: 0 auto;
    width: 300px;
}

Demo

Answer 6

使用它！

.center {

margin-left: auto;
margin-right: auto;
width: 300px;
 }

or

.center {

margin:0 auto; 
width: 300px;
 }

这是Fiddle !!

Answer 7

将您的代码更改为

<center>
     <div> 
          content
     </div>
</center>

基本上，将要在标签内居中的div括起来。

希望这对您的项目有所帮助和最佳： - ）

无法水平居中div

7 个答案: