如何将图像居中？

Question

我正在建立一个网站，在网站的顶部我有一个背景图像。背景图像占据整个div但我不想要它。我希望图像保持原始尺寸并水平居中。我该怎么做？

Answer 1

你必须在css中使用background:url(path_to_image) no-repeat center center;作为背景div。

.bg{
background:url(http://via.placeholder.com/350x150) no-repeat center center;
height:250px;
}

<div class="bg">
</div>