6

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

我正在使用我已经使用了一段时间的相同模板编写 HTML 电子通讯。该模板直到最近都运行良好（我一直在使用的代码如下）。突然之间，Outlook 07/10 的行为方式与我认为它们过去的行为方式不同。当涉及到连字符时，它们似乎不尊重空白属性。所有其他电子邮件客户端的行为都符合我的预期（他们尊重空白属性）。

时事通讯中的一个元素是 ISBN，它是一组由连字符分隔的数字，例如“978-1-555-97610-1”。ISBN 位于一个 span 标签中，该标签是 ap 标签内的一行文本的一部分，该标签与许多其他 p 元素（可能还有一个 img）一起位于表中。我需要防止 ISBN 打破连字符并换行。

我不能使用不间断的连字符，过去我已经研究了很多这个问题（我的工作中有很多 ISBN），所以我希望我不会发布已经回答十亿的东西次。

任何帮助都深表感谢！

谢谢，安德鲁。

代码：

<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>
4

5 回答 5

7

不间断的连字符怎么样&#8209;

于 2014-04-07T22:02:41.820 回答
4

使用<nobr>标签。

例如<nobr>978-0-8050-9466-4</nobr>

于 2012-04-25T01:09:53.093 回答
3

我需要有一个元素不会在通过 Outlook 2013 查看的电子邮件中中断，但不能在空格上中断。尽管我讨厌黑客，但我解决这个问题的方法是使用不间断的连字符，但将它们的颜色设置为他们父母的背景颜色：

<div style="background-color: #fff; color: #000;">
    New<span style="color: #fff;">&#8209;</span>Listing
</div>
于 2015-10-28T22:04:11.063 回答
0

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

于 2018-04-11T10:21:57.593 回答
-1

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

于 2013-10-04T12:04:26.407 回答