HTML字符在特定点打破长字

Question

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

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

http://www.example.com/mylongpagename

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

http://www.example.com/
mylongpagename

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

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

Answer 1

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

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

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