打破长文本

问题描述:

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

谢谢你的时间。

+0

请张贴您的代码。你不能直接输入div(你是指输入区域吗?或者div是通过一些脚本填充的?) – 2009-06-24 11:54:28

+0

div被脚本填充,基本上是一个聊天程序。 – 2009-06-24 11:56:42

您可以使用achive

WORD-BREAK: break-ALL. 

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

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

这是一个棘手的问题,这一点使用简单的CSS,但你应该阅读http://www.quirksmode.org/oddsandends/wbr.html

主要的是,有不一致的支持和连接本文提出的使用:在你的CSS

wbr:after { content: "\00200B" } 

,并使用<wbr/>标签在你的HTML

如果您有单间距字体,计算字符数很容易,只需插入一个中断标签即可。但计算正常字体的分隔标记的位置很难计算。

对于IE,你可以设置word-break: break-all;当他们达到一定的长度,这将打破的话...

有一个软连字符,让您可以定义一个字可以分解(例如,督促-uct-iv-ity),它不显示任何连字符,只是定义它们可以显示的位置,如果该单词必须包装线。它实体&害羞;

word-break是好的,但据说不能在firefox中工作。 (还没有测试过。)

对于firefox,请使用javascript。

它确实在webkit中工作。