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 to center elements。

中心列表项

1 个答案: