Когда текст без пробелов и больше, чем размер div 200px, он течет Ширина определяется как 200px Я разместил здесь свой код http://jsfiddle.net/madhu131313/UJ6zG/ Вы можете увидеть приведенные ниже рисунки отредактировано: я хочу, чтобы текст перешел к следующей строке
Это связано с тем, что у вас есть одно длинное слово без пробелов. Вы можете использовать свойство переноса слов, чтобы заставить текст сломаться:
#w74 { word-wrap: break-word; }
У него неплохая поддержка браузера. См. документацию об этом здесь.
Использование
white-space: pre-line;
Это предотвратит утечку текста из div. Он сломает текст, когда он достигнет конца div.
Вы должны использовать overflow:hidden; или scroll
или с помощью php вы можете сократить длинные слова...
use overflow:auto он даст скроллер вашему тексту внутри div:).
display:block; Если это всего лишь один экземпляр, который нужно обернуть над 2 или 3 строками, я бы просто использовал несколько строк <wbr> в строке. Он будет обрабатывать те же, что и <br>, но он не будет вставлять разрыв строки, если это не необходимо.
<div id="w74" class="dpinfo">
adsfadsadsads<wbr>fadsadsadsfadsadsa<wbr>dsfadsadsadsfadsadsads<wbr>fadsadsadsfadsadsadsfa<wbr>dsadsadsfadsadsadsfadsad<wbr>sadsfadsadsads<wbr>fadsadsadsfadsads adsfadsads
</div>
Вот скрипка.