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

回答

相關問題