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

Question

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

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

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

Run Code Online (Sandbox Code Playgroud)

反正有没有禁用溢出并将溢出的文本放在一个新行??? Twitter做了类似的事情,但我无法用CSS来解决它可能他们正在使用Javascript.

任何人都可以帮忙吗？

Answer 1

小智 151

只需添加

white-space: initial;

Run Code Online (Sandbox Code Playgroud)

在文本中,行文本将自动出现在下一行中.

对于大多数浏览器来说都可以正常工作，但是要使其在IE11中正常工作，我必须使用`white-space：normal;`。 (2认同)
`white-space: initial;` 在 IE 11 中对我来说不起作用。相反，我使用了“white-space：normal;”，它在所有浏览器中都运行良好。 (2认同)

Answer 2

小智 140

word-wrap: break-word

Run Code Online (Sandbox Code Playgroud)

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

“断词：断词；”对我有用。 (6认同)
`word-wrap` 是一个未知属性。您指的是“断词”吗？ (3认同)
虽然它是CSS3,IIRC它适用于大多数主流浏览器.+1 (2认同)
知道为什么这不起作用但“white-space：initial;”却起作用吗？ (2认同)

Answer 3

cas*_*nca 5

尝试的<wbr>标签 -而不是优雅的word-wrap,别人建议的属性,但它直到所有主流浏览器工作液(读IE)实现CSS3.

归档时间：	15 年，5 月前
查看次数：	170990 次
最近记录：	8 年，10 月前