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

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

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

是否有任何办法禁用溢出并将溢出文本放在一个新行上? ? ？Twitter 也有类似的功能，但是我不能用 CSS 来解决这个问题，因为他们可能使用的是 Javascript。

有人能帮忙吗？

404969 次浏览

小开

最佳答案

word-wrap: break-word

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

小开

那么，您可以在您的长的未破坏的字符串中插入一个或多个“软连字符”()。我怀疑旧的 IE 版本是否能正确处理这个问题，但是假设要做的是告诉浏览器允许断字，如果必要的话可以使用。

现在，你到底要怎么选择把这些角色放在哪里呢？这取决于实际的字符串以及它的含义。

小开

尝试 <wbr>标签-不像其他人建议的 word-wrap属性那样优雅，但是在所有主流浏览器(阅读 IE)实现 CSS3之前，它是一个可行的解决方案。

小开

只要加上

white-space: initial;

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