我的朋友有一个很长的电子邮件地址.他们希望在他们的网站上显示这个地址,但是在移动设备上它会破坏它们的布局,它会溢出页面宽度.
我尝试插入零宽度空间,这有助于布局问题,但这意味着用户无法将地址复制并粘贴到电子邮件客户端.
虽然这个问题可以通过将文本作为mailto:链接来解决,但确实让我感到奇怪:
有没有办法指示浏览器可选择中断某些字符而不必插入可能导致复制和粘贴问题的不可打印字符？
您可以使用策略性放置的<wbr>元素执行此操作:
really.really.long@<wbr>email.address
它的行为与此相同<br>,只是当电子邮件地址无法放在一行时才会插入换行符.例如<br>,所述换行符完全是装饰性的(即不会导致不可打印的字符).