我怎样才能使文本出现在下一行而不是溢出?

我的网页上有固定宽度的div,其中包含文字。 当我input一长串字母时,它会溢出。 我不想隐藏溢出我想在一个新行上显示溢出,请参阅下面的内容:

<div id="textbox" style="width:400px; height:200px;"> dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssfddddddddddddddddddddddsdffffffffffffffffsdffffffffffffffffdfssssssssssssdf </div> 

反正有禁止溢出,把溢出的文本放在一个新的行? Twitter做这样的事情,但我无法弄清楚用CSS可能他们正在使用JavaScript。

任何人都可以帮忙吗?

 word-wrap: break-word 

但它是CSS3 – http://www.css3.com/css-word-wrap/

只需添加

 white-space: initial; 

对于文本,行文本将自动在下一行。

尝试使用<wbr>标签 – 并不像其他人build议的word-wrap属性那样优雅,但是它是一个可行的解决scheme,直到所有主stream浏览器(读取IE)实现CSS3。

那么,你可以在你的长长的不间断的string中粘上一个或多个“软连字符”( &#173; )。 我怀疑旧的IE版本是否正确地处理了这个问题,但是它应该做的是告诉浏览器关于它可以使用的允许的分词符。

现在,你将如何挑选那些angular色? 这取决于实际的string和它的意思,我猜。