Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.01.2012, 11:53
Аватар для RazZzeR
Кандидат Javascript-наук
Отправить личное сообщение для RazZzeR Посмотреть профиль Найти все сообщения от RazZzeR
 
Регистрация: 11.12.2011
Сообщений: 146

Обрезание длинных слов
Нужно залатать одну кривость,и для этого есть 2 решения:
1) написать подходящее css - дохлый вариант
2)Нужно написать скрипт разделение длинных слов.

Вот зачем:
Написал красивое лс,
почти все идеально, но если писать очень длинное слово, то div блок съезжает, и получается криво.

я нашел скрипт для обрезки текста на слова.
вот моя задумка:
может каждое слово проверять и обрезать как-нибудь?

вот вариант, с помощью него наверно можно будет
написать подобное:

Код:
http://www.realcoding.net/articles/glava-12-stroki-i-metody-raboty-s-nimi.html
Ответить с цитированием
  #2 (permalink)  
Старый 21.01.2012, 12:16
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от RazZzeR Посмотреть сообщение
Нужно залатать одну кривость,и для этого есть 2 решения:
1) написать подходящее css - дохлый вариант
2)Нужно написать скрипт разделение длинных слов.

Вот зачем:
Написал красивое лс,
почти все идеально, но если писать очень длинное слово, то div блок съезжает, и получается криво.
htmlbook.ru : text-overflow

<style>
div:hover {
     overflow:visible;
}

div { 
     overflow:hidden;
     white-space:nowrap;
     *!*text-overflow:ellipsis;*/!*
     position:absolute;
     width:400px;
}
</style>

<div>ну и тут ВНЕЗАПНО появляется очень длинное ссссссссссссссссссссллллллллллллллллллллллллллллллоооооооооооооооооооооооовввввввввввввввввооооооооо</div>


Сообщение от RazZzeR Посмотреть сообщение
я нашел скрипт для обрезки текста на слова.
вот моя задумка:
может каждое слово проверять и обрезать как-нибудь?

вот вариант, с помощью него наверно можно будет
написать подобное:
делать это придётся только для IE.

Последний раз редактировалось melky, 21.01.2012 в 12:20.
Ответить с цитированием
  #3 (permalink)  
Старый 21.01.2012, 12:48
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Сообщение от melky
делать это придётся только для IE.
В смысле? Он поддерживает св-во text-overflow.
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #4 (permalink)  
Старый 21.01.2012, 13:16
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от trikadin Посмотреть сообщение
В смысле? Он поддерживает св-во text-overflow.
ну, я имел в виду IE<9. самые проблемыные они)
Ответить с цитированием
  #5 (permalink)  
Старый 21.01.2012, 23:02
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Сообщение от melky
ну, я имел в виду IE<9. самые проблемыные они)
С шестой версии... Они, конечно, проблемные, но не в данном случае)
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #6 (permalink)  
Старый 21.01.2012, 23:51
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

а чем не угодил word-wrap: break-word; так он просто обрежет длинное слово и перенесет на следующую строку остаток
Ответить с цитированием
  #7 (permalink)  
Старый 22.01.2012, 02:01
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Сообщение от devote
а чем не угодил word-wrap: break-word; так он просто обрежет длинное слово и перенесет на следующую строку остаток
Зависит от условий задачи, скажем, для заголовков лучше использовать именно text-overflow.
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #8 (permalink)  
Старый 22.01.2012, 02:08
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от trikadin
Зависит от условий задачи, скажем, для заголовков лучше использовать именно text-overflow.
судя по посту ТС, именно word-wrap ему и нужен
Ответить с цитированием
  #9 (permalink)  
Старый 22.01.2012, 02:19
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Сообщение от devote
судя по посту ТС, именно word-wrap ему и нужен
Что-то он вообще молчит...
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #10 (permalink)  
Старый 22.01.2012, 02:20
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

на выходные ушел
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
подсчёт не слов, букв Александр х@к Элементы интерфейса 8 29.08.2011 17:22
Поиск определённых слов в контенте Yellow79 Элементы интерфейса 5 14.05.2010 20:37
Поиск русских слов с помощью \b не проходит Jury Общие вопросы Javascript 2 18.03.2010 12:05
Подсчет количества слов в поле формы. Guranin Общие вопросы Javascript 7 10.08.2009 13:35
добавление окошка в скрипт подсчета слов Гость Общие вопросы Javascript 10 11.03.2008 17:07