在特定点打破长单词的 HTML 字符

<分区>

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

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

http://www.example.com/mylongpagename

但是如果显示在一个小区域(例如在移动屏幕上)，我想在 / 和 my 之间拆分它，以便它自动包装为.. .

http://www.example.com/
mylongpagename

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

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

最佳答案

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

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

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

关于在特定点打破长单词的 HTML 字符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29592045/

相关文章：

javascript - 将 SVG 文本更改为 css 自动换行