Javascript 你能把文字包装在@符号上吗?

Javascript 你能把文字包装在@符号上吗?,javascript,html,css,Javascript,Html,Css,有没有办法在电子邮件地址中的@符号之前或之后包装文本?HTML或CSS,或者js/jQuery都是解决方案的可能 我正试图整理一个网站的管理页面,并减少一些列的宽度而不丢失视觉数据,这是主要的候选人 可以在字符上添加内联span标记 $("p").html($("p").text().replace('@', '<span class="after">@</span>')); 对于@符号后面的部分,只需将前文本更改为后文本即可在字符上添加内联span标记 $("p")

有没有办法在电子邮件地址中的@符号之前或之后包装文本?HTML或CSS,或者js/jQuery都是解决方案的可能


我正试图整理一个网站的管理页面,并减少一些列的宽度而不丢失视觉数据,这是主要的候选人

可以在字符上添加内联
span
标记

$("p").html($("p").text().replace('@', '<span class="after">@</span>'));


对于
@
符号后面的部分,只需将
前文本
更改为
后文本

即可在字符上添加内联
span
标记

$("p").html($("p").text().replace('@', '<span class="after">@</span>'));


对于
@
符号后面的部分,只需将
前文本
更改为
后文本

另一个选项是使用HTML编码的
&x200b

根据这一点,它将产生与我所建议的标签相同的结果(直到j08691指出在IE中不起作用)

所以你可以将电子邮件地址设置为

email&#x200b;@example.com
下面是一个可以在代码段中运行的角色的示例


quickbrownfoxjumpsoverthelazydogquickbrownfoxjumpsoverthelazydog​;QuickBrownFoxJumpsOvertheLazyDog QuickBrownFoxJumpsOvertheLazyDog

另一个选项是使用HTML编码的
&x200b

根据这一点,它将产生与我所建议的标签相同的结果(直到j08691指出在IE中不起作用)

所以你可以将电子邮件地址设置为

email&#x200b;@example.com
下面是一个可以在代码段中运行的角色的示例


quickbrownfoxjumpsoverthelazydogquickbrownfoxjumpsoverthelazydog​;QuickBrownFoxJumpsOvertheLazyDog QuickBrownFoxJumpsOvertheLazyDog

对于HTML和CSS,您不能指定中断发生的位置,只能强制中断。因此,您需要JavaScript专门在
@
处打破它。但是你还没有展示你在问题中尝试了什么。你能用“
@”替换“@”吗?除非我误解了你@j08691,否则这并不完全正确,因为有一个标签会在必要时断裂(编辑:我刚刚注意到它在IE中不起作用,叹气!)@freefaller
完全不支持IE,需要将其插入内容中。@j08691是的,我刚刚发现,这意味着我最近使用它现在无效,我需要去重新评估该代码:-(在我的辩护中,OP确实说HTML…都是可能的。使用HTML和CSS,你不能指定中断发生的位置,只能强制中断。因此,你需要JavaScript专门在
@
处中断它。但是你还没有展示你在问题中尝试了什么。你能用“
@”替换“@”吗?除非我误解了你@j08691,否则这并不完全正确,因为有一个标签会在必要时断裂(编辑:我刚刚注意到它在IE中不起作用,叹气!)@freefaller
完全不支持IE,需要在内容中插入它。@j08691是的,我刚刚发现,这意味着我最近使用的它现在是无效的,我需要去重新评估代码:-(在我的辩护中,OP确实说HTML…都是可能的