防止Outlook 2007和Outlook 2010中的html电子邮件中的连字符上的自动换行

时间:2012-04-19 17:48:14

标签: whitespace html-email outlook-2007 outlook-2010 typography

这是我的第一篇文章。所以:

我正在使用我现在使用的相同模板制作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 &middot; 384 pages &middot; $18.00 &middot; paperback &middot;             
        <span style="white-space: nowrap;">978-0-8050-9466-4</span>
</p>

5 个答案:

答案 0 :(得分:5)

非破坏连字符&#8209;

怎么样?

答案 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;">&#8209;</span>Listing
</div>

答案 3 :(得分:0)

除了Outlook 2016和空格(空格)之外,我一直在研究类似的问题,我发现对我有用的解决方案是使用&nbsp; html字符。

答案 4 :(得分:-1)

如果可能,您可能想尝试为此添加宽度。然后它没有破裂。