2013-05-14 4 views
0

내가 사용하고 있습니다 : 그것은 작동하지 않습니다두 줄 이상의 텍스트를 세로로 정렬 하시겠습니까?

#leftfoot {padding-left: 20px; vertical-align: middle;} 

. 나는 많은 설명을 본다. 그들 중 누구도 나를 위해 일하는 것 같지 않다. 다른 사람이 한 줄 이상의 텍스트를 세로로 정렬하는 방법을 알고 있습니까?

CSS는 화가났다. 당신의 텍스트가 참으로 수직 중심했지만, 당신은 설정해야합니다 귀하의 내부 사업부는 텍스트로 그냥 같은 높이를 가지고와 외부 DIV의 경계까지 연장되지 않은 :

+1

'#leftfoot {display : table-cell; padding-left : 20px; vertical-align : middle;}' – Vucko

+0

작동하지 않습니다. 아하. – Zevoxa

+0

[JSFiddle] (http://jsfiddle.net/)을 만들 수 있습니까? – Vucko

답변

1
#leftfoot { 
    height: 110px; 
    display:table-cell; 
    vertical-align: middle; 
    padding-left: 20px; 
} 

문제는 다음과 내부 div가 작동하는 높이.

1

질문이 명확하지 않으면 JsFiddle을 만드십시오. 수직 정렬에 대한 이해를 돕기 위해 http://css-tricks.com/what-is-vertical-align/

+0

도 비슷한 질문을 찾았습니다. http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css?rq=1 –

관련 문제