HTML字符在特定点打破长字[重复]

Question

HTML 中是否有编码字符允许单词在特定点中断，但如果不需要则不创建空格？

例如，如果空间允许，我想显示一个完整的 URL，如下所示...

http://www.example.com/mylongpagename

但如果显示在一个小区域（例如在移动屏幕上），我想将其拆分为 / 和 my 以便它自动包装为...

http://www.example.com/
mylongpagename

我知道word-wrap: break-word; 的 CSS 命令，但最终可能会像...

http://www.example.com/mylongpa
gename

Answer 1

您可以使用<wbr> HTML 元素。它指定了一个“分词机会”，这意味着它只会在需要时（例如，在小屏幕上）在该点分词。

因此，在您的示例中，您可以执行以下操作：

<p>http://www.example.com/<wbr>mylongpagename</p>