中心列表项目

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> 

每张图片的宽度为120px，5px填充。该列表将显示在具有不同屏幕宽度的各种移动设备上，因此列表将在大多数情况下包装。我希望图片在页面上居中排列，但我不知道如何去解决这个问题。有没有人有任何想法？

Answer 1

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

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