HTML字符在特定点打破长字

时间:2015-04-12 17:00:37

标签: html css word-wrap

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

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

http://www.example.com/mylongpagename

但是如果在一个小区域(例如在移动屏幕上)显示,我想在/my之间进行分割,以便它自动换行...

http://www.example.com/
mylongpagename

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

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

1 个答案:

答案 0 :(得分:12)

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

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

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