如何使用自动换行符显示长字符串、网站地址、单词或符号集以保持 div 宽度?我猜是某种自动换行。通常添加空格是可行的,但是否有 CSS 解决方案,例如自动换行?
例如,它(非常讨厌地)与 div 重叠,强制水平滚动等。
我可以向上面的字符串添加什么以使其整齐地适合 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;
只是切断任何额外的文本。有 text-overflow:ellipsis;
和 word-wrap: break-word;
但它们仅适用于 IE(break-word
在 CSS3 草案中,但是,因此它将成为 5 年后的解决方案)。
底线是,如果通过将文本换行到下一行来阻止这种情况发生非常重要,那么唯一合理的解决方案是注入(inject) ­
(软连字符), <wbr>
(分词标记),或 ​
(零宽度空格,与 ­
减去连字符的效果相同)在您的字符串服务器端。但是,如果您不介意 Javascript,可以使用 hyphenator。这似乎非常可靠。
关于css - wordwrap 一个很长的字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/856307/