Обрезание длинных слов
 

Нужно залатать одну кривость,и для этого есть 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>

делать это придётся только для IE.

В смысле? Он поддерживает св-во text-overflow.

ну, я имел в виду IE<9. самые проблемыные они)

С шестой версии... Они, конечно, проблемные, но не в данном случае)

а чем не угодил word-wrap: break-word; так он просто обрежет длинное слово и перенесет на следующую строку остаток

Зависит от условий задачи, скажем, для заголовков лучше использовать именно text-overflow.

судя по посту ТС, именно word-wrap ему и нужен

Что-то он вообще молчит...

на выходные ушел :D