HTML:软破坏(&害羞;)没有破折号?

Ben*_*end 10 html hyphenation soft-hyphen

我有一点布局问题:在客户网站上,我们在一个小盒子里显示人们的联系信息.该框的宽度受到限制.事实上,有些人名字很长(毕竟这是在德国......),电子邮件地址是给定姓名和姓氏的串联.结果:对于某些名称,电子邮件地址会溢出about框所给出的约束.

­@结果之前插入正确的换行符,但看起来像这样:

john.doe-
@example.com
Run Code Online (Sandbox Code Playgroud)

是否有可能抑制破折号?我不想使用<br />,因为对于90%的名称,可用宽度绰绰有余.

小智 6

虽然我不确定这是如何跨浏览器(可能相当不错),但您总是可以使用精简空格字符(&thinsp;)或零宽度空格(&#8203;).++

john.doe&thinsp;@example.com
Run Code Online (Sandbox Code Playgroud)

++我不建议使用零宽度空间,因为显然有些浏览器无法正确呈现它(源代码).

  • 除非您将此电子邮件从浏览器复制并粘贴到Outlook,记事本等中,否则您将获得"john.doe?@ example.com" (2认同)
  • 角色是一个角色,无论多么小.:) (2认同)