这是我的第一篇文章。所以:
我正在使用我现在使用的相同模板制作HTML电子简报。该模板一直运行良好,直到最近(我一直使用的代码位于下面)。 Outlook 07/10突然表现得与我认为过去表现不一样。在连字符方面,它们出现以表示白色空间属性。所有其他电子邮件客户端都表现得像我期望的那样(他们尊重空白属性)。
时事通讯中的一个元素是ISBN,它是由连字符分隔的一组数字,如“978-1-555-97610-1”。 ISBN位于span标记中,该标记是p标记内部文本行的一部分,与许多其他p元素一起,并且可能是img,驻留在表中。我需要阻止ISBN打破连字符并换行换行。
我不能使用非破坏连字符,过去我已经研究了很多这个问题(我的工作中有很多ISBN),所以我希望我不会发布已经发过的东西回答了十亿次。
非常感谢任何帮助!
谢谢, 安德鲁。
CODE:
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; margin-bottom: 0px; text-align: right;">
Metropolitan Books · 384 pages · $18.00 · paperback ·
<span style="white-space: nowrap;">978-0-8050-9466-4</span>
</p>
答案 0 :(得分:5)
非破坏连字符‑
答案 1 :(得分:4)
使用<nobr>
标记。
E.g。 <nobr>978-0-8050-9466-4</nobr>
答案 2 :(得分:2)
我需要在Outlook 2013中查看的电子邮件中没有中断元素,但不能在空格中中断。尽管我讨厌黑客攻击,我解决这个问题的方法是使用不间断的连字符,但是将它们的颜色设置为父母的背景颜色:
<div style="background-color: #fff; color: #000;">
New<span style="color: #fff;">‑</span>Listing
</div>
答案 3 :(得分:0)
除了Outlook 2016和空格(空格)之外,我一直在研究类似的问题,我发现对我有用的解决方案是使用
html字符。
答案 4 :(得分:-1)
如果可能,您可能想尝试为此添加宽度。然后它没有破裂。