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

Question

Текст для вывода в формате div напечатан шрифтом без фиксированной высоты тона.Эта высота div позволяет печатать только 4 строки текста.Можно ли отследить автоматическую переноску слов в браузере, чтобы я мог найти положение в тексте, когда оно достигло 4 строк, и вырезать следующие строки?Любые предложения с использованием Javascript для работы с DOM или, возможно, для расчета длины текстовой строки с помощью PHP?

Answer 1

Как насчет использования overflow: hidden?

Скажем, у вас font-size 12px и line-height 16px.

4 lines * 16px = 64px

.hide-extra-lines {
    height: 64px;
    overflow: hidden;
}

Это то, что вы ищете?

Answer 2

1) Вы можете измерить размер текста на сервере и быть достаточно точным. Я сделал это с помощью GDI + на компьютере с Windows; не уверен, к какой ОС или библиотекам у вас есть доступ.

2) Вы можете использовать моноширинный шрифт на клиенте и определять, когда текст будет переноситься, основываясь на ширине контейнера и длине слова. Затем вы можете обрезать текст.

3) Вы не можете использовать моноширинный шрифт на клиенте, все равно делать предположения, используя скрипт, и использовать overflow: hidden для захвата любого текста, который переполняется.