HTML将无法正确对齐以居中Div/Image

好吧，我已经进入HTML一段时间了，我从来没有遇到过这个问题，我的问题基本上是我尝试做一个情人节页面，并且它不会允许我将图像居中放置以用作页面的背景。 CSS下面：HTML将无法正确对齐以居中Div/Image

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不会工作，我不知道为什么。

来源

2014-02-13 Cristian D

你需要给分度类'.bgimg'宽度.. ** [DEMO]（http://jsfiddle.net/dr2tB /）** –

如果它应该是背景图片....为什么你不使用背景图片属性？目前你有一个内联（如在HTML中）图像。 –

只需使用text-align:center;即可.bgimg并删除左右边距。

如果要居中容器也应适用

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

一个例子：http://jsfiddle.net/uVa2Q/1/

来源

2014-02-13 15:20:06

如果你都应该是使用背景图片，那么你应该使用背景图片属性。

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; 

}

来源

2014-02-13 16:43:56

HTML将无法正确对齐以居中Div/Image

回答

相关问题