將圖像定位在中心？

Question

我正在努力將我用作背景的圖像定位爲自動。我也有一個不會居中的文章標籤。

如何使用以下代碼解決問題？

body { 
    background:url('index1.jpg')no-repeat; 
    width:auto; 
} 

Answer 1

試試這個：

body { 
    background: url('index1.jpg') no-repeat center center; 
    background-size: cover; 
} 

這應圍繞你的背景圖片，並相應地調整其大小。希望這可以幫助。

EDIT（與您的評論）：

首先，爲了獲得使用border，不border-radius一個元素上邊框。 border-radius將圍繞元素的邊緣而不是添加邊框本身。

爲了居中對象，您需要使用margin: auto;。這會將內容放置在其父容器的中心。

這裏的工作代碼小提琴：JS Fiddle

今後請嘗試做一個小小的研究，搞清楚這些事情你自己。所有這些解決方案都可以在關於SO的現有問題上找到。