HTML：软炒蛋（­）没有破折号？

Question

我有一个小小的布局问题：在客户网站上，我们在一个小盒子里显示人们的联系信息。该框的宽度受到限制。碰巧，有些名字很长的人（毕竟这是在德国......），而电子邮件地址是给定姓名和姓氏的拼接。结果是：使用某些名称时，电子邮件地址会溢出约盒所给出的限制。

插入­的@结果的正确路线休息前，但看起来是这样的：

john.doe- 
@example.com 

是否有可能抑制几许？我不想使用<br />，因为对于90％的名称，可用宽度已经足够了。

Answer 1

尽管我不确定跨浏览器（可能相当不错），但您始终可以使用精简空格字符（ ） 或零宽度空间（ ​）。 ⁺⁺

john.doe @example.com 

⁺⁺我不会建议使用零宽度的空间，显然有些浏览器将无法正确渲染它（source）。

Answer 2

你可能想看看CSS属性word-wrap。

和this page似乎正在做你想做的。

Answer 3

使用零宽度空间：​

john.doe​@example.com 

在这里的行动：http://jsfiddle.net/uTXwx/1/