Как рассчитать line-height так, чтобы текст заполнял блок по высоте?
Здравствуйте.
Допустим, имеется div высотой в N пикселов, причем высота задана не жестко (зависит от наиболее большого элемента, например, картинки). В div'e абзац текста, занимающий определенное место в блоке. Нужно, чтобы текст заполнял блок по высоте за счет пробелов меж строками так, чтобы последняя строка касалась нижней границы блока, а первая - верхней. По сути, вопрос в том, как рассчитать line-height с помощью css, какова формула, от которой можно отталкиваться? Есть какие-нибудь идеи, как такое можно реализовать (кроме js как очевидного решения)?
Никак, только js. Зачем такое понадобилось? Текст нормально смотрится при line-height=1.25-2. Если ваша картинка будет слишком низкой или слишком высокой, то текст будет смотреться некрасиво.