如何将背景图像居中于其父元素？

Question

如何使用CSS background-position属性将背景图像居中到其父元素？我只能将背景图像放在整个页面的中心位置。

Answer 1

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

适合我。中心水平和垂直

Answer 2

请记住，未以某种方式重新调整大小的块级元素（使用高度/宽度或浮点或边距）将始终占用窗口的宽度，即使元素的内容不占用。这意味着将背景居中到元素也会将其居中到窗口。

要检查是否存在问题，我通常会添加

border: 1px dashed #f00;

到元素。

如果元素重新调整大小，Scott的答案应该有效。