html - 如何使 img 缩放并居中？

Question

我在缩放和居中图像时遇到问题。我想使图像(带有文本设计和代码)类似于:Example我在网上查了这个，我做了很多例子，但我做不到我最后一个版本是my version当我更改浏览器 View 时，最小图像不像在 saaleedesign.com 上那样居中如何在浏览器调整大小后使 div 中的 img 居中？

Answer 1

所以基本上你应该将背景位置设置为居中。

html:

<div class="container">Text</div>

CSS:

#container {
   background-image: url("img.jpg");
   height: [some-height]px;
   width: 100%;
   background-position: center center;
   background-size: cover;
}