以动态内容为中心的div

Question

所以，我有这个：

<div>
<img src="img1.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
</div>

我想让它与浏览器窗口水平居中，即使我在div中插入了更多图像。 （所以，没有固定的宽度div大小） 我找到的解决方案是div{text-align: center;}，但这似乎并不正确，因为img标签不是文本。

还有其他解决方案吗？

Answer 1

将您的HTML更改为：

 <div class="container">
     <img src="img1.jpg">
     <img src="img2.jpg">
     <img src="img1.jpg">
 </div>

然后添加你的CSS：

.container {
    margin:0 auto;
}

这会将整个容器移动到站点的中心。