У меня есть блоки div с фиксированной высотой, содержащие текст . Я хотел бы, чтобы текст был выровнен по вертикали в середине div, но проблема заключается в том, что часть текста однострочная, а часть разбивается на две строки. Для IE8, Chrome и Firefox использование display: table-cell
и vertical-align: middle
обеспечивает решение, которое мне нужно:
JS Fiddle здесь . Снимите звездочку с ширины : 300 пикселей
, чтобы увидеть форматирование, когда текст находится в одной строке.
Однако IE7 не поддерживает свойство display: table-cell
. Единственные решения, которые я нашел для этого, применимы только к отдельным строкам, а не к тексту, который может состоять из 1 или 2 строк. Как сделать так, чтобы он отображался в IE7, как в более современных браузерах, без использования каких-либо скриптов?