如何控制长URL的重叠文本

Question

我有一个具有一定宽度的评论部分。当我发布长URL时，此文本重叠，因为它们之间没有空格。如何在HTML中解决此问题

Answer 1

据我所知，没有HTML方法可以做到这一点。由于它的显示/设计相关，你可以使用CSS：

overflow: hidden;

这也可能有效：

word-wrap: break-word;

Overflow＆amp; Word-wrap个链接。

修改：overflow: hidden会隐藏超出其容器大小的文字，而word-wrap: break-word会强制中断该字词。

Answer 2

您有几个选择。您可以修改您的评论系统服务器端，以便在单词超过一定长度时自动输入换行符。

或者，你可以将CSS样式溢出设置为隐藏，滚动或类似的东西，以防止包含注释的DIV被拉伸 - 这也可以做到这一点。

Answer 3

纯HTML中没有解决方案。如果您可以使用JavaScript或AJAX，则可以将URL转换为真实链接，并仅使用URL的前20-30个字符替换文本部分：http://some.com/a...