0

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

我的测试代码如下

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

3 回答 3

5

使用 CSSword-wrap属性：

div {
     word-wrap: break-word;
}
于 2012-05-09T00:52:07.723 回答
1

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

一旦你知道你希望在哪里允许中断，最可靠的方法是<wbr>在每个允许的中断点插入标签。符合标准的方法，现在几乎一样广泛使用，是插入零宽度空格字符，例如使用字符引用&#x200b;。更多信息：http ://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest

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

于 2012-05-09T03:29:38.643 回答
0

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

于 2012-05-09T01:16:39.477 回答