한 줄의 텍스트가 주어지면 w 한 줄을 세로로 가운데에 배치하는 방법을 설명합니다. 그러나 2 줄의 텍스트를 지원하도록 성장 했습니까?

Question

이 부분을 참조하십시오 : http://jsfiddle.net/LGzdf/

내가하고 싶은 것은 텍스트의 한 줄만 있으면 텍스트를 50 %로 수직 정렬하는 방법입니다.

그러나 CSS가 2 줄이면 이미지와 같은 높이의 전체 공간을 채워야합니다.

아이디어가 있으십니까? 감사합니다

Answer 1

당신은 article이 유용 할 수 있습니다.

.mod-item { 
    ... 
    overflow:hidden; 
} 
.story { 
    height:30px; 
    display: table; 
} 
.mod-item .title { 
    display: table-cell; 
    vertical-align: middle; 
    height: 30px; 
} 

Demo

:이 같은 뭔가 주위

플레이