3

私はこの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 はまだ左に揃えられています。私が間違っているのだろうか。

助けてくれてありがとう！

4

2 に答える 2

2

体に制約を加えると、div はその中でのみ中央に配置されます。

幅/高さは、本文ではなく div で設定する必要があります。

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

デモ

于 2013-02-01T20:03:21.090 に答える
0

is not necessary to have a fixed width size to the body, if the body is fixed width the inner div will not center and will depend on the size of it.

For the div is centered should remove the fixed width of the body

body {
background-image: url('stjohnhusimages/green gradient.png');
background-repeat: no-repeat;
background-size: cover;
text-align:center;
}
于 2013-02-01T20:08:55.557 に答える