html - 将图像定位在中心？

Question

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

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

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

Answer 1

尝试这个：

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

这应该使您的背景图像居中并相应地调整其大小。希望这可以帮助。

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

首先，为了获得一个元素的边框，你使用border, not border-radius。border-radius将围绕元素的边缘而不是添加边框本身。

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

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

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