打破长篇文章

时间:2009-06-24 11:51:26

标签: javascript

我有一个宽度为200px的div。它不显示水平滚动条。现在,如果有人输入任何超过200px的单词,它就会被隐藏起来。我想知道是否可以在每个单词达到200px长度后自动添加换行符?

感谢您的时间。

5 个答案:

答案 0 :(得分:5)

您可以使用简单的CSS

来实现这一目标
WORD-BREAK: break-ALL.

<div style="width: 200px; word-break: break-all">Content goes here</div>

希望这就是你要找的......

答案 1 :(得分:3)

这是一个棘手的问题,但您应该阅读http://www.quirksmode.org/oddsandends/wbr.html

基本上,有一些不一致的支持,链接的文章建议使用:

wbr:after { content: "\00200B" }
在您的CSS中

,并使用html中的<wbr/>标记

答案 2 :(得分:1)

有一个软连字符可以让你定义一个单词可以被分解的位置(例如,prod-uct-iv-ity),它不显示任何连字符,只是定义它们可以显示在哪里必须包裹线。它是实体&害羞;

答案 3 :(得分:0)

如果您使用单行间距字体,则可以轻松计算字符数,只需插入折断标记即可。但是用正常字体计算在break标签中的位置会更难。

对于IE,你可以设置word-break: break-all;,当它们达到一定长度时会破坏单词......

答案 4 :(得分:0)

单词突破很好,但据说不能在firefox中运行。 (尚未测试过。)

对于firefox,请使用javascript。

它确实在webkit中有效。