Можно ли подсчитать количество строк в div?

Question

[Абра Кадабра]

Добрый вечер.
Вопрос такой:
Можно ли подсчитать количество строк в div ? Даже если символы никак не разделены.
Например, как этот подсчет слов. Здесь все просто.
Вопрос в том, могу ли я сделать так со строками? (не разделенными явными переносами)

З.Ы.
Думаю, что можно сделать что-то подобное при делении высоты контейнера на высоту строки.

Comments

[Станислав Задирака]

Возьми два числа 1-ое это высота свойства "Height " этого div блока , и возьми высоту текста вот тебе пример.
А лайнхейт ничего не поломает?

Answer 1

[Алексей Зуев]

Помимо деления высоты дива на высоту строки могу предложить вот такое решение.

Суть проста - вставляем в div обычный span и считаем его количество областей через метод getClientRects

Answer 2

[A K]

Количество строк = высота дива / высоту 1 строки

Comments

[Stalker_RED]

serjyamp: Насколько я помню, по умолчанию высота строки - 1.5em
Но будет надежнее, если есть возможность задать line-height самостоятельно.

[Александр Борисович]

Не уверен на счет этого благодаря каким нибудь тегам P или паддингам

[Абра Кадабра]

Спасибо, я подозревал об этом способе, но он не выглядит достаточно твердым.

Answer 3

[Назар Мокринский]

document.querySelector('div').textContent.split("\n").length

Comments

[Абра Кадабра]

Здесь я согласен с SelenIT2, этот способ не проканает для дефолтного white-space.

Answer 4

[Константин Хаиров]

Возьми два числа 1-ое это высота свойства "Height " этого div блока , и возьми высоту текста вот тебе пример

.youdivblok{
height: 40px;
font-size: 10px;
}

Из этого следует что в div блоке ровно 4 строки

Comments

[Абра Кадабра]

Спасибо я думал о таком решении. Но оно не выглядит достаточно устойчивым.