css - wordwrap 一个很长的字符串

Question

如何使用自动换行符显示长字符串、网站地址、单词或符号集以保持 div 宽度？我猜是某种自动换行。通常添加空格是可行的，但是否有 CSS 解决方案，例如自动换行？

例如，它(非常讨厌地)与 div 重叠，强制水平滚动等。

我可以向上面的字符串添加什么以使其整齐地适合 div 或浏览器窗口中的几行？

Answer 1

这个问题以前在这里问过:

• 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。这似乎非常可靠。