中心列表項目

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來居中元素。