При заданном блоке текста, как вертикально центрировать w одной строкой. Но расти, чтобы поддержать 2 строки текста?

Question

Пожалуйста, посмотрите это jsfiddle: http://jsfiddle.net/LGzdf/

То, что я хочу сделать, это как выровнять текст по вертикали до 50%, если текст содержит только 1 строку.

Но если есть две строки, просто css, он должен заполнить все пространство, имеющее высоту, равную изображению.

Идеи? Спасибо

Answer 1

Вы можете найти эту статью полезной.

Поиграйте с чем-то вроде этого:

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

Демо