将图像定位在中心？

Question

我正在努力将我用作背景的图像定位为auto。我还有一个不会居中的文章标签。

如何解决以下代码的问题？

body {
    background:url('index1.jpg')no-repeat;
    width:auto;
}

Answer 1

试试这个：

body {
    background: url('index1.jpg') no-repeat center center;
    background-size: cover;
}

这应该使您的背景图像居中并相应地调整它的大小。希望这会有所帮助。

编辑（与您的评论有关）：

首先，要获取元素的边框，请使用border，而不是border-radius。 border-radius将围绕元素的边缘而不是添加边框本身。

要使对象居中，您需要使用margin: auto;。这会将内容放在其父容器的中心。

以下是工作代码的小提琴：JS Fiddle

将来请尝试做一些研究并自己解决问题。所有这些解决方案都可以在SO上的现有问题上找到。