html - 给定一段文本，如何使一行垂直居中。但是增长到支持 2 行文本？

Question

请看这个jsfiddle:http://jsfiddle.net/LGzdf/

我想做的是，如果只有 1 行文本，如何将文本垂直对齐到 50%。

但是如果有两行，只有 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