Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.11.2016, 19:20
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

Отследить перенос строки
День добрый!

Есть код:
<div style="width:100px;">
    с лово1 сл ово2 сло во4 слов о5 слово 6 слово7 с лово8 сл ово9 сло во10
</div>

Как видно, результатом выполнения становится столбик с кучей непонятного текста.

Вопрос состоит в том, как мне без изменений в серверной части поймать автоматический перенос текста на следующую строку, чтобы потом обернуть каждую строку в отдельный элемент.
Есть идеи?)
Ответить с цитированием
  #2 (permalink)  
Старый 09.11.2016, 19:27
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

Прошу прощения, перед тем, как задать тут вопрос, хреново прогуглил.

Если понадобится, это делается так: http://jsfiddle.net/miketeix/2q8ac/
Ответить с цитированием
  #3 (permalink)  
Старый 09.11.2016, 22:22
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,589

А зачем кстати? Если нужны сами боксы их проще получить через getClientRects.
__________________
29375, 35
Ответить с цитированием
  #4 (permalink)  
Старый 10.11.2016, 12:04
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от Viral Посмотреть сообщение
Прошу прощения, перед тем, как задать тут вопрос, хреново прогуглил.

Если понадобится, это делается так: http://jsfiddle.net/miketeix/2q8ac/
не очень хороший метод
разбить все по пробелам и предполагать, что только пробел может разделять строки

могут быть переносы слов, теги типа <br> <wbr> и т.д.

например в вашем примере добавил переносы слов, сделал крупнее шрифт
http://jsfiddle.net/2q8ac/64/
и видно что spanы выставленные этим методом могут продолжаться и на след. строку
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перенос строки в наборе текста nik6975 Firefox/Mozilla 5 10.11.2014 19:38
ошибка Unexpected token ILLEGAL если есть перенос строки в тексте kuchuluk Серверные языки и технологии 9 25.08.2014 22:52
Как сделать перенос строки в listview jQuery Mobile gargon2013 jQuery 0 17.07.2013 11:49
Отправка формы по ENTER (ajax) и перенос строки VEGA jQuery 18 01.03.2013 14:09
Перенос строки andrey1402 Общие вопросы Javascript 3 25.10.2012 15:27