Html 中心清单项目

是否可以使用CSS在页面上居中列出项目？我有一个很长的动态图像列表，它们以以下方式重复：

<ul class="imgSelec">
   <li><A href="#"><img src="#"></a></li>
   <li><A href="#"><img src="#"></a></li>
   <li><A href="#"><img src="#"></a></li>
   <li><A href="#"><img src="#"></a></li>
   <li><A href="#"><img src="#"></a></li>
   <li><A href="#"><img src="#"></a></li>
   <li><A href="#"><img src="#"></a></li>
</ul>

每个图像的宽度为120px，带有5px的填充。该列表将以不同的屏幕宽度显示在各种移动设备上，因此在大多数情况下，该列表将自动换行。我想在页面上的图像中心对齐，但我不知道如何进行这一点。有人有什么想法吗

.imgSelec ul li {
    width: 130px;
    margin: auto;
}

注意：必须设置宽度，然后使用边距：自动居中元素

注意：必须设置宽度，然后使用边距：自动居中元素