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