如何显示长字符串,网站地址,单词或符号集,以自动换行符保持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>
(单词标记)或​
(零宽度空间,效果与& shy;减号连字符)。如果你不介意Javascript,但是,有hyphenator似乎是很坚实。