Question

我有这个HTML：

<body>

<div id="maindiv" class="rounded">
something written
</div>

</body>

用这个css：

body {
background-image: url('stjohnhusimages/green gradient.png');
background-repeat: no-repeat;
width:1024px;
height:1375px;
background-size: cover;
text-align:center;
}

#maindiv {
width:900px;
height:1275px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
background-color:#404853;
}

但是主要的div仍然在左边对齐。想知道我做错了什么。

感谢您的帮助！

Answer 1

如果你对你的身体施加约束，那么div只会在那个中心。

宽度/高度应设置在div上，而不是身体上。

body {
background-image: url('stjohnhusimages/green gradient.png');
background-repeat: no-repeat;
background-size: cover;
text-align:center;
}

Demo

Answer 2

没有必要对身体有一个固定的宽度尺寸，如果身体是固定的宽度，内部div将不会居中，并将取决于它的大小。

对于div居中应删除正文的固定宽度

body {
background-image: url('stjohnhusimages/green gradient.png');
background-repeat: no-repeat;
background-size: cover;
text-align:center;
}

div在体内的中心

2 个答案: