는 사업부 정렬의 요소가 수직으로 중앙하게

Question

이 라이브 예입니다

http://jsfiddle.net/NjnAF/

DIV 번호 콘 내가리스트 방식으로에 표시되는 검색 항목을 원하는 검색 결과 패널입니다 아이콘과 텍스트

이제 이미지를 가운데에 세로로 정렬하고 텍스트를 "1" "2"로 만들 수 없습니다.

의견이 있으십니까?

Answer 1

당신은이 두 가지 속성을 추가 CSS를

div.item div.img{ text-align:center; 
         margin-top:2px; /*can change this according to your need */ 
        } 

을 수정해야합니다. 수직 정렬은 작동하지 않습니다. Fiddle http://jsfiddle.net/NjnAF/2/

Answer 2

내가 사용 :

div.item div.img { 
    float: left; 
    width: 22px; 
    height: 25px; 
    background-image: url('http://i.stack.imgur.com/NpSHB.gif'); 
    background-repeat: no-repeat; 
    background-position: center left; 
    text-align: center; 
    vertical-align: middle; 
} 

와 나는 fiddle을 업데이트했습니다. 그게 니가 필요한거야?

Answer 3

라인 높이 - 수직 정렬 사용 : div와 같이 수직 정렬에서는 효과가 없습니다. line-height를 사용하거나 div와 절대 위치를 상대적으로 사용해야합니다.