Outlook 中的文本不使用行高

Text in Outlook doesn't use line-height

我正在使用 Html 创建电子邮件,我偶然发现了 Outlook 2010 的问题。这是我的代码:

<td background="images/11-text-1--alpha-d3c29e.jpg" 
bgcolor="#d3c29e" width="514" height="460"  valign="top">        
    <!--[if gte mso 9]>
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" 
    style="width:514px;height:460px;">
    <v:fill type="tile" src="images/11-text-1--alpha-d3c29e.jpg" color="d3c29e" />
    <v:textbox inset="0,0,0,0">
    <![endif]-->
        <p style="margin:0;padding:0;font-family:'Courier New',Courier,monospace;
        font-size:14px;font-weight:bold;color:#000000;line-height:15px;">
            #TEXT
        </p>
    <!--[if gte mso 9]>     </v:textbox>   </v:rect>   <![endif]-->
</td>

现在我想改变文本的行高,但是当我在我的 p 标签中改变它时,它不会这样做,而且如果我把它放在 td and/or MSO 例外中它对 Outlook 不起作用。有什么方法可以让它工作,或者有人知道 Outlook 的解决方法吗?

首先,"p" 标签的样式已经过时,一些邮件客户端会拒绝它(例如 Outlook)。我以前遇到过这样的问题。

我的建议是,您应该主要设置 "td" 标签的样式。如果您在此特定部分中有其他文本,请插入 "span" 标签,然后对其进行一些样式设置(但尽量不要覆盖您在 "td" 标签中设置的样式。

下面有一个例子:

<td style="background-color: #2e3242;color:#ffffff; padding: 10px 0;
border-radius: 5px; font-size:15px; font-family: 'Trebuchet MS', sans-serif;
 line-height: 20px; text-align: center;width:28%; vertical-align: middle">
                                    Lorem Ipsum</td>

这里有一个跨度

<td width="548" style="color:#a8796b; font-size:14px; font-family: 'Trebuchet MS', 
sans-serif; line-height: 18px; text-align: center; 
width:548px; vertical-align: middle">
<span style="font-family: 'Trebuchet MS', sans-serif; font-weight: 300;
font-size: 16px;line-height: 30px;color:#a8796b">
Lorem Ipsum </span><br>
                                    Best Regards,<br>Lorem Ipsum
                                </td>

您需要使用 mso 样式 "mso-line-height-rule"。这用于强制 Outlook 遵守行高规则。请注意,这需要在声明的行高之前添加,否则它将不起作用。见下文:

<td background="images/11-text-1--alpha-d3c29e.jpg" 
bgcolor="#d3c29e" width="514" height="460"  valign="top" style="margin:0;padding:0;font-family:'Courier New',Courier,monospace; font-size:14px;font-weight:bold;color:#000000;mso-line-height-rule:exactly; line-height:15px;">        
    <!--[if gte mso 9]>
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" 
    style="width:514px;height:460px;">
    <v:fill type="tile" src="images/11-text-1--alpha-d3c29e.jpg" color="d3c29e" />
    <v:textbox inset="0,0,0,0">
    <![endif]-->   
            #TEXT
    <!--[if gte mso 9]>     </v:textbox>   </v:rect>   <![endif]-->
</td>