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/