«Жесткое» разбиение / разбиение слов в html / css

Question

Как я могу разделить длинное слово / URL в определенной точке при отображении его в HTML-Div?

Это должно быть как:

thisisareallylongwordt 
hatneedstobebroken her
e or something like th
at.

Answer 1

, если вы хотите, чтобы слово разрывалось на границе элемента div, а не переполняло его, используйте

div {word-wrap:break-word}

Answer 2

Вы хотите статическую перенос слов или что-то более динамичное при изменении размера div?Если вы хотите последнее, то вы, вероятно, захотите использовать JavaScript.В библиотеке jQuery есть плагин для переноса слов:

http://plugins.jquery.com/project/wordWrap

Дан

Answer 3

Вам нужно вручную вставить <br> теги:

thisisareallylongwordt<br>
hatneedstobebroken her<br>
e or something like  th<br>
at

На самом деле не существует CSS-решения, которое бы хотелось.

Редактировать: Как предположил Рауль, мягкий дефис ­ тоже работает. Не знал, что существовал сам.