센터 목록 항목

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> 

각각의 이미지가 5px 패딩 폭 120 픽셀입니다 : 나는 다음과 같은 방식으로 반복 이미지의 긴 동적 목록을 가지고있다. 목록은 화면 너비가 다른 다양한 모바일 장치에 표시되므로 목록이 대부분 줄 바꿈됩니다. 이미지가 페이지 중앙에 정렬되도록하고 싶지만 어떻게해야하는지 잘 모르겠습니다. 누구든지 아이디어가 있습니까?

Answer 1

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

참고 : 요소를 가운데 맞추려면 여백 : 자동을 사용하도록 너비를 설정해야합니다.