html - 有没有办法指示浏览器在某些字符处插入(可选)换行符？

Question

我有一个 friend 的电子邮件地址很长。他们希望在他们的网站上显示此地址，但在移动设备上它会破坏他们的布局并超出页面宽度。

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

虽然确实可以通过将文本设为 mailto: 链接来解决该问题，但这确实让我想知道:

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

Answer 1

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

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

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