HTML 字符在特定点中断长单词

Question

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

例如，如果 space 允许，我想显示一个完整的 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 元素。它指定了一个 "word break opportunity"，这意味着它只会在需要时中断（例如，在小屏幕上）。

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

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

HTML character to break long word at specific point