세로 맞춤 : Chrome에서 기준선이 작동하지 않습니다.

Question

솔직히 말해서이 질문은 정말 바보 같습니다. 어쨌든 여기에 가 있습니다. 수직 정렬을 사용하려고했습니다 : 기준선; 그것은 그 자체로 일하고있다. 문제는 IE와 Firefox에서 작동한다는 것입니다. 내 문제는 크롬에서 작동하지 않는 몇 가지 이유 때문입니다. 크롬에서 문제의 스크린 샷은 http://img576.imageshack.us/img576/8976/chromem.png

그리고 이것은 그 모양을 가정하는 방법이다 http://img62.imageshack.us/img62/140/firefoxi.png 가 파이어 폭스에서와 IE에서 같은 보이는 (그 밖에 14px의 패딩은 맨 위에 것입니다) .

내 이미지와 텍스트 (그냥 지적) 내가이 지금 2 일 동안 나에게 거의 :(

Answer 1

을 두통을주고 있기 때문에 당신이 배경을 설정하면 누군가가 나를 도울 수 있기를 바랍니다에 테이블을 사용하지 않는 임 display: table에 DIV과 각 display: table-cell 어린이, 그것은 작동해야합니다.

#outer_div 
{ 
    display: table; /* display: inline-table; works as well */ 
} 

#outer_div div 
{ 
    display: table-cell; 
    vertical-align: baseline; 
}