如何在div中居中（背景）图像？
是否可以将div中的背景图像居中放置？我已经尝试了几乎所有内容-但没有成功：
<div id="doit">
Lorem Ipsum ...
</div>
//CSS
#doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; }
这可能吗？
问题答案：
#doit {
background: url(url) no-repeat center;
}
-
问题内容： 我想居中背景图像。没有使用div，这是CSS样式： 上面的CSS会全部平铺并将其居中，但是看不到一半的图像，只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗？ 问题答案： background-image: url(path-to-file/img.jpg); background-repeat:no-repeat; background-position
-
问题内容： 我有一个要在div中居中的SVG。div的宽度为900px。SVG的宽度为400像素。SVG的margin-left和margin- right设置为auto。不起作用，它的作用就像是左边距为0（默认值）。 有人知道我的错误吗？ 问题答案： SVG默认为内联。添加到它，然后将按预期工作。
-
问题内容： 我有这样的标记： div高于img： 我需要将图像放置在div的中间（在其上下具有相同的空白）。 我试过了，它不起作用： 问题答案： 如果您的图像纯粹是装饰性的，那么将其用作背景图像可能是一种更语义化的解决方案。然后您可以指定背景的位置 如果它不是装饰性的并且构成有价值的信息，则img标签是合理的。在这种情况下，您需要使用以下属性设置包含div的样式：
-
问题内容： 我已经将图像内的边框设置为none。我现在想将该图像放在其包含div的中心。我曾尝试使用，但没有用。 我敢肯定，我忽略了一些愚蠢的事情，但是我想得到stackoverflow社区的帮助，所以这并不需要我花一个小时盯着屏幕来弄清楚。非常感谢。 这是CSS … 问题答案： 尝试将图片的属性设置为：
-
我没有使用 CSS3。所以我不能使用或属性。如果不使用这些属性，如何使 透明？它应该是此链接中的文本框示例。此处的文本框背景色是透明的。我想做同样的事情，但不使用上面提到的属性。
-
问题内容： 我正在使用SVG徽标作为背景图像，但似乎无法使其在Internet Explorer （编辑：和Safari）中 正确对齐到左侧。 容器如下所示： 搭配款式： 您可以看到应当跨越其父元素的100％，但在元素左侧显示徽标。在Chrome和Safari中这可以正常工作，但徽标始终位于IE中的居中位置。 似乎很难找到信息，其他人也遇到同样的问题吗？ 问题答案： 问题不在于CSS，而在于SVG