Отдельная обработка обернутых строк с использованием jQuery - PullRequest
Новая
       2

Отдельная обработка обернутых строк с использованием jQuery

1 голос
/ 31 января 2012

Я ищу способ отдельно обрабатывать строки в

, которые обернуты из-за узкой ширины.То есть, если мой текст «Lorem ipsum dolor sit amet lorem \ n ipsum dolor sit amet», и это выглядит так:

Lorem ipsum dolor
sit amet lorem
ipsum dolor sit
amet

Тогда я смогу заключить каждую 'строку' в, скажем, тег , например:

Lorem ipsum dolor
sit ametlorem
... и т. д.

Редактировать: Можно предположить, что ширина и высота div фиксированы и известны.

Я не смог найти предложенное решениеесли таковой существует;хотя есть хорошее предложение для подсчета строк для фиксированной высоты строки: Как проверить количество строк с помощью jQuery

1 Ответ

1 голос
/ 31 января 2012

Начиная с этого: 

<div class="narrow">Lorem ipsum dolor sit amet lorem ipsum dolor sit amet</div>

CSS: 

.narrow {
   width:60px;   
}

Вставьте некоторые заполнители там, где есть пробелы: 

$('.narrow').html($('.narrow').html().replace(/ /g,"<span class='count'> </span>"))

Определите y-позицию каждого заполнителя: 

$('.narrow .count') .each(function() {
     var myPos = $(this).position()
     alert(myPos.top)   
})

Оттуда вы должны быть в состоянии выяснить, где начальная / конечная точки каждой линии на основе ее y-позиции.

...