如何將背景圖像居中放置到其父元素？

Question

如何使用CSS background-position屬性將背景圖像居中放置到其父元素？我只能得到背景圖片以整個頁面爲中心。

Answer 1

background-position: center; 
background-repeat: no-repeat; 

適合我。中心水平和垂直

Answer 2

請記住，未按某種方式重新調整大小的塊級元素（使用height/width或float或margin）將始終佔用窗口的寬度，即使內容爲該元素沒有。這意味着將元素的背景居中放置在窗口中間。

要檢查如果是這樣的問題，我通常會添加

border: 1px dashed #f00; 

的元素。

如果元素重新調整大小，Scott的答案應該可以工作。