한 줄에 아이콘 목록을 중앙에 배치하는 방법?

한 줄에 표시 할 아이콘 목록이 있습니다. 나는 아이콘을 정렬 된 상태로 유지하지만 페이지 중앙에 위치하지는 않습니다. 어떤 아이디어? ! 아이콘 목록 - - 왼쪽에있는 아이콘을 떠> 한 줄에 아이콘 목록을 중앙에 배치하는 방법?

<!-- Single Icon --> 
<li class="overview animated entrance" data-appear-bottom-offset="100"> 
<!-- Feature List --> 
    [tooltip] [ul class=feature-list] 
    [list-item spanclass=list-dot]Wireframing[/list-item] 
    [list-item spanclass=list-dot]Content Strategy[/list-item] 
    [list-item spanclass=list-dot]Information Architecture[/list-item] 
    [/ul] [/tooltip] 
<!-- Icon --> 
[icon-img name=ux title=UX][/icon-img] 
</li> 

<!-- Single Icon --> 
<li class="overview animated entrance" data-appear-bottom-offset="100"> 
<!-- Feature List --> 
    [tooltip] [ul class=feature-list] 
    [list-item spanclass=list-dot]Cloud[/list-item] 
    [list-item spanclass=list-dot]Mobile Payment[/list-item] 
    [list-item spanclass=list-dot]iBeacon[/list-item] 
    [/ul] [/tooltip] 
<!-- Icon --> 
[icon-img name=tech title=Tech][/icon-img] 
</li> 


<!-- Single Icon --> 
<li class="overview animated entrance" data-appear-bottom-offset="100"> 
<!-- Feature List --> 
    [tooltip] [ul class=feature-list] 
    [list-item spanclass=list-dot]Facebook[/list-item] 
    [list-item spanclass=list-dot]Google +[/list-item] 
    [list-item spanclass=list-dot]Twitter[/list-item] 
    [/ul] [/tooltip] 
<!-- Icon --> 
[icon-img name=social title=Social][/icon-img] 
</li>

출처

2014-03-13 user3413720

귀하의 질문이 명확하지 않다. FIDDLE에 넣어주세요. –

시도

여기에 내 코드

입니다. 인라인 블록으로

.overview, .animated, .entrance { 
    float: left; 
}

또는 표시 아이콘 :

.overview, .animated, .entrance { 
    display: inline-block; 
}

출처

2014-03-13 05:58:54

사업부에서 UL은 div에와 CSS 규칙 텍스트 정렬 적용 폭을 100 % 제공 포장 : 센터; 이 jsfiddle

text-align: center;

희망을 확인 이 당신을 도울 것입니다 :)

출처

2014-03-13 06:14:15 Guru

한 줄에 아이콘 목록을 중앙에 배치하는 방법?

답변

관련 문제