0

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 ピクセルです。リストはさまざまな画面幅のさまざまなモバイル デバイスで表示されるため、ほとんどの場合、リストは折り返されます。画像をページの中央に配置したいのですが、これを行う方法がわかりません。誰にもアイデアはありますか？

4

1 に答える 1

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

注: 幅を設定してから margin: auto を使用して要素を中央に配置する必要があります。

于 2012-05-10T14:21:56.073 に答える