有没有办法让浏览器在某些字符处插入(可选)换行符?

时间:2018-04-17 14:28:54

标签: html css

我的朋友有很长的电子邮件地址。他们希望在他们的网站上显示这个地址,但是在移动设备上它会破坏它们的布局,它会溢出页面宽度。

我尝试插入零宽度空间,这有助于解决布局问题,但这意味着用户无法将地址复制并粘贴到电子邮件客户端。

虽然通过将文本设为mailto:链接可以解决问题,但确实让我感到疑惑:

有没有办法指示浏览器选择中断某些字符而不必插入可能导致复制和粘贴问题的不可打印字符?

1 个答案:

答案 0 :(得分:7)

您可以使用策略性放置的<wbr>元素执行此操作:

really.really.long@<wbr>email.address

它的行为与<br>完全相同,只是当电子邮件地址无法放在一行时才会插入换行符。与<br>类似,所述换行符完全是装饰性的(即不会导致不可打印的字符)。