如果图像比容器宽，则居中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