给定一个文本块，如何垂直居中w一行。但是增长到支持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