html - div 中的图像向左对齐，div 以响应式 View 居中显示

Question

如何将图像容器居中对齐，图像应该连续排列并向左对齐到它的父 div。

.imgDiv{
text-align:center;
}
.imgDiv img{
text-align:left;
width:100px;
}

<div class="imgDiv">
<img src="img1">
<img src="img2">
<img src="img3">
<img src="img4">
<img src="img5">
<img src="img6">
<img src="img7">
<img src="img8">
<img src="img9">
<img src="img10">

</div>

在我的代码中，图像与 div 居中对齐，但图像应位于该 div 的左侧，div 应位于页面中心。

Answer 1

逻辑问题是错误的。

因为当你将 div 对齐到中心时，div 会根据自身的宽度和左边的空间覆盖屏幕，如果图像(多个)在这种情况下向左对齐，它肯定不会覆盖整个 div 宽度并且 div 有一些空间向右，它看起来不会居中。

第二种情况，如果所有图像都覆盖了整个父 div 空间，您将如何识别其左对齐，直到图像不会落入第二行并且最后有一些空白空间。