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

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

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

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

任何人都可以帮忙吗？

Answer 1

 word-wrap: break-word 

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

Answer 2

只需添加

 white-space: initial; 

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

Answer 3

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

Answer 4

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

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