如何控制长URL的重叠文本

Question

我有一个有一定宽度的评论区。当我发布一个很长的URL时，这个文本是重叠的，因为中间没有空格。如何在HTML中修复此问题

Answer 1

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

Answer 2

据我所知，没有HTML可以做到这一点。因为它与显示/设计相关，所以你可以使用CSS：

overflow: hidden;

这也可能行得通：

word-wrap: break-word;

Overflow和Word-wrap链接。

编辑：overflow: hidden将隐藏超出其容器大小的文本，并且word-wrap: break-word应强制在单词中换行。

Answer 3

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

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