HTML:没有破折号的软连字符()？

Question

我有一个小布局问题:在一个客户的网站上，我们在一个小方框里显示了人们的联系信息。该框的宽度受到限制。碰巧的是，有些人的名字很长(毕竟这是在德国......)，并且电子邮件地址是名字和姓氏的串联。结果:对于某些名称，电子邮件地址超出了关于框给出的限制。

插入 ­在 @ 之前导致正确的换行符，但看起来像这样:

john.doe-
@example.com

是否可以抑制该破折号？我不想使用 <br /> ，因为对于 90% 的名称，可用宽度绰绰有余。

Answer 1

虽然我不确定这如何跨浏览器(可能很好)，但您始终可以使用窄空格字符 ( ) 或零宽度空格 ( ​). ⁺⁺

john.doe @example.com

⁺⁺ 我不建议使用零宽度空间，因为显然某些浏览器无法正确呈现它 ( source)。