文本流出div

当文本是不带空格 和超过200像素的DIV大小它的流出宽度被定义为200像素我在这里把我的代码http://jsfiddle.net/madhu131313/UJ6zG/ 你可以看到图片下面的 编辑：我想文本转到下一行

这是因为您有一个长字没有空格。您可以使用该word-wrap属性使文本中断：

#w74 { word-wrap: break-word; }

它也具有相当好的浏览器支持。在这里查看有关它的文档。

用

white-space: pre-line;

这样可以防止文字从中流出div。到达末尾时它将破坏文本div。

您应该使用overflow:hidden; 或scroll

http://jsfiddle.net/UJ6zG/1/

或使用php，您可以简短地写一些长话...

您需要将以下CSS属性应用于容器块（div）：

overflow-wrap: break-word;

根据规范（源CSS | MDN）：

该overflow-wrapCSS属性指定是否在浏览器应该字中插入换行符，以防止文本溢出其内容框。

将值设置为 break-word

为了防止溢出，如果行中没有其他可接受的断点，则通常会在任意点处打断牢不可破的单词。

值得一提...

该属性最初是一个称为的非标准且无前缀的Microsoft扩展word-wrap，并且由大多数具有相同名称的浏览器实现。此后已将其重命名为overflow-wrap，并word-wrap作为别名。

如果您关心旧版浏览器的支持，则应同时指定两者：

word-wrap    : break-word;
overflow-wrap: break-word;

例如 IE9无法识别overflow-wrap但可以正常使用word-wrap

使用overflow:auto它会在div:)中为您的文本提供一个滚动条。

如果有帮助。将以下具有值的属性添加到选择器：

white-space: pre-wrap;

这帮了我大忙：

{word-break: break-all; }

我最近遇到了这个。我用了：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>

这是一个小提琴。

http://jsfiddle.net/gaby_de_wilde/UJ6zG/37/