給定一段文字，如何垂直居中一行。但成長爲支持兩行文字？

Question

請看這個jsfiddle：http://jsfiddle.net/LGzdf/

我想要做的是如何垂直對齊文本到50％，如果只有1行文本。

但是，如果有兩行，只有CSS，它應該填充整個空間的高度等於圖像。

想法？謝謝

Answer 1

您可能會發現article有用。

玩弄這樣的事情：

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

Demo