如果圖像比容器寬，則居中css背景圖像

Question

使用css background-image屬性可以將圖像居中在比圖像寬度窄的容器中？

<div style = "background-image:url('a_1600pxwide_image') repeat-y center top"> 
    <!-- div less than 1600px --> 
</div> 

Answer 1

該語法錯誤。也許你的意思是background財產，而不是background-image。順便說一句，使用background可以居中一個更大的背景圖片那樣的語法：

background: url('a_1600pxwide_image') center center; 

Example JS Bin