如何在下一行显示文本而不是溢出？

Question

我的页面上有一个包含文本的固定宽度div。当我输入一长串字母时，它会溢出。我不想隐藏溢出我想在新行上显示溢出，见下文：

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

无论如何都要禁用溢出并将溢出的文本放在新行上??? Twitter做了这样的事情，但我无法用CSS来解决它可能他们使用Javascript。

任何人都可以帮忙吗？

Answer 1

添加

white-space: initial;

到文本，行文本将自动出现在下一行。

Answer 2

word-wrap: break-word

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

Answer 3

尝试the <wbr> tag - 不如其他人建议的word-wrap属性那么优雅，但它是一个有效的解决方案，直到所有主流浏览器（阅读IE）都实现CSS3。

Answer 4

好吧，你可以在长长的不间断的琴弦中粘上一个或多个“软连字符”（­）。我怀疑旧的IE版本是否正确处理了这个问题，但假设要做的是告诉浏览器它可以使用的允许的单词分隔符。

现在，你究竟会选择在哪里填充这些角色？这取决于实际的字符串及其含义，我想。