Question

好的，我已经进入HTML一段时间了，之前我从来没有遇到过这个问题，我的问题基本上是我试着制作一个情人节的页面，它不会允许我居中图像将其用作页面的背景。 CSS下面：

body {
font-family: modern;
background-color: #ffcccc;
}

.container {
width: 1200px;
}

.bgimg {
margin-left: auto;
margin-right: auto;
}

@font-face {
font-family: modern;
src: url("modern.ttf")
}

HTML是：

<div class="container">
    <div class="bgimg">
        <img src="valentinebg.png" alt="">
    </div>
</div>

现在这个问题很奇怪，我做到了这一切： margin-right和margin-left无效，我不明白为什么。

Answer 1

只需使用text-align:center;到.bgimg并左右移除边距。

如果你想让容器居中，你应该申请

.container {
   width: 1000px;
   margin: 0 auto;
}

示例：http://jsfiddle.net/uVa2Q/1/

Answer 2

如果你应该使用背景图像，那么你应该使用bg图像属性。

JSFiddle Demo

<强> CSS

html, body {
    height:100%;
}

body {
    background-image: Url(http://bocamag.com/site_media/uploads/February%202014/vday.jpg);
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;

}

HTML无法正确对齐中心Div / Image

2 个答案: