css – wordwrap一个很长的字符串

前端之家收集整理的这篇文章主要介绍了css – wordwrap一个很长的字符串前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何显示长字符串,网站地址,单词或符号集,以自动换行符保持div宽度?我想是一个wordwrap的。通常添加一个空间工作,但有一个CSS解决方案,如word-wrap?

例如,它(非常nastily)重叠div,强制水平滚动等。
wwwwwww-ww-wwwww-wwwww-wwwww-wwwwwwwwwww-wwwww – ww www www www www www www www www www www www www www www www www www www www

我可以添加到上面的字符串,以适应它在div或浏览器窗口内的几行内?

解决方法

这个问题已经在这里问过:

> Who has solved the long-word-breaks-my-div problem? (hint: not stackoverflow)
> word wrap in css / js
> CSS: how can I force a long string (without any blank) to be wrapped in XUL and/or HTML
> CSS overflow with long URL

长话短说:

至于CSS解决方案,你有:overflow:scroll;强制元素显示滚动条和overflow:hidden;只是切断任何额外的文本。有文本溢出:省略号;和word-wrap:break-word;但它们只是IE(break-word是在CSS3草案,但是,因此它将是这个5年后的解决方案)。

底线是,如果它是非常重要的,你停止这种情况发生包装文本到下一行,唯一合理的解决方案是注入& shy; (软连字符),<wbr>(单词标记)或&#8203;(零宽度空间,效果与& shy;减号连字符)。如果你不介意Javascript,但是,有hyphenator似乎是很坚实。

猜你在找的CSS相关文章