Как вертикально выровнять текст в IE7 без использования свойства CSS 'table-cell'?

У меня есть блоки div с фиксированной высотой, содержащие текст . Я хотел бы, чтобы текст был выровнен по вертикали в середине div, но проблема заключается в том, что часть текста однострочная, а часть разбивается на две строки. Для IE8, Chrome и Firefox использование display: table-cell и vertical-align: middle обеспечивает решение, которое мне нужно:

JS Fiddle здесь . Снимите звездочку с ширины : 300 пикселей , чтобы увидеть форматирование, когда текст находится в одной строке.

Однако IE7 не поддерживает свойство display: table-cell . Единственные решения, которые я нашел для этого, применимы только к отдельным строкам, а не к тексту, который может состоять из 1 или 2 строк. Как сделать так, чтобы он отображался в IE7, как в более современных браузерах, без использования каких-либо скриптов?

9
задан Jason Schock 17 December 2014 в 10:56
поделиться