Когда текст без пробелов и больше, чем размер div 200 пикселей, он вытекает. Ширина определена как 200 пикселей. Я поместил свой код здесь http://jsfiddle.net/madhu131313/UJ6zG/. Вы можете увидеть отредактированные изображения ниже : Я хочу текст для перехода на следующую строку
98
Использовать
Это предотвратит вытекание текста из
div
. Текст будет разорван, когда он достигнет концаdiv
.источник
Вы должны использовать
overflow:hidden;
илиscroll
http://jsfiddle.net/UJ6zG/1/
или с помощью php вы могли бы сократить длинные слова ...
источник
Вам необходимо применить следующее свойство CSS к блоку контейнера (div):
Согласно спецификациям (источник CSS | MDN ):
Если установлено значение
break-word
Стоит отметить...
Если вам важна поддержка устаревших браузеров, стоит указать оба:
Ex. IE9 не распознает,
overflow-wrap
но отлично работает сword-wrap
источник
используйте
overflow:auto
его, чтобы прокрутить ваш текст внутриdiv
:).источник
Если это поможет. Добавьте в селектор следующее свойство со значением:
источник
Это помогло мне:
{word-break: break-all; }
источник
я недавно столкнулся с этим. Я использовал:
display:block;
источник
Если это только один экземпляр, который нужно обернуть на 2 или 3 строки, я бы просто использовал несколько
<wbr>
в строке. Он будет относиться к ним так же, как и к ним,<br>
но не будет вставлять разрыв строки, если в этом нет необходимости.Вот скрипка.
http://jsfiddle.net/gaby_de_wilde/UJ6zG/37/
источник