Question

如果我在div中写长文本，那么长文本会超过div墙。如何将其显示为多行？

我的测试代码在

之下

<html>
<body>
<div style="left: 700px; top: 150px; width: 400px; height: 360px; border:1px solid">1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
</body>
</html>

Answer 1

使用CSS word-wrap属性：

div {
     word-wrap: break-word;
}

Answer 2

您需要分析内容并确定允许的断行点。在您的问题中，内容是一串数字。它可以在任何数字之后，或每三位数之后被打破，或者如何？真实内容可能是不同的，可能有允许的断点，具体取决于其类型。例如，存在破坏URL的规则，并且存在用于破坏数学表达式的规则，并且存在用于在不在单词之间使用空格的语言来破坏文本的规则。

一旦知道希望允许中断的位置，最有效的方法是在每个允许的断点处插入<wbr>标记。符合标准的方式，现在几乎同样广泛使用，是插入ZERO-WIDTH SPACE字符，例如，使用字符引用。更多信息：http://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest

在任何点都是允许断点的非常特殊的情况下，可以使用CSS声明word-wrap: break-word：它是紧凑的，并且适用于现代浏览器（请参阅支持上的http://caniuse.com/#feat=wordwrap）。

Answer 3

如果没有空格字符，你就不能使用自动换行，所以你不能这样做!!!

在div标签中显示长文本

3 个答案: