javascript - 如何拆分长电子邮件以适合页面上的一列

Question

我在一个非常窄的列中显示电子邮件和一些其他数据。在大多数情况下，电子邮件适合列宽，但有时如果电子邮件很长，它就不适合而且看起来也不好看。有没有一种方法(可能是 jquery 方法)或类似的方法来拆分电子邮件(使其看起来像这样):

this_is_a_long_email
@some_domain.net

我可能可以为它编写一些 javascript，但如果它已经存在，我不想发明一个 bicicle(我尝试搜索但没有找到任何东西)。

谢谢

Answer 1

@thirtydot preferable to wrap at the @ , if there is an easy way to wrap it to fit some width it might also work

让它只是包裹起来真的很容易。添加word-wrap: break-word到包含元素。

要使其更喜欢在@处换行，您还需要插入​ ( Zero-width space )在 @ 之前，最好使用您的服务器端语言。

<span style="word-wrap: break-word">this_is_a_long_email&#8203;@some_domain.net</span>