html - 中心列表项

Question

是否可以使用 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>

每个图像宽 120 像素，填充 5 像素。该列表将显示在具有不同屏幕宽度的各种移动设备上，因此列表在大多数情况下会换行。我希望图像在页面上居中对齐，但我不知道该怎么做。有没有人有任何想法？

Answer 1

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

注意：必须设置一个宽度，然后使用 margin: auto 来居中元素。