Css Outlook中的文本不';不要使用线条高度
我正在用Html创建一封电子邮件,我偶然发现了Outlook 2010的一个问题。这是我的密码:Css Outlook中的文本不';不要使用线条高度,css,outlook,html-email,Css,Outlook,Html Email,我正在用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-
<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和/或MSO的exection中,它不会对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>
同侧眼底
致以最良好的祝愿,
Lorem Ipsum
您需要使用mso样式的“mso行高规则”。这用于强制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>
#正文
Hi here,谢谢你的回答!但不幸的是,p标签上的样式不是问题所在。正如我在问题中所说的,我尝试在td上设置样式,wich也不起作用。根据来源,线条高度应该对两者都起作用。你是否尝试过给td一个属性背景图像:“images/11-text-1--alpha-d3c29e.jpg”?是的,我做了,而且两者都不会在mso中显示,这就是为什么我将它例外为显示一个与img大小完全相同的rect,因为srcI已经测试了您的代码,并且在删除注释和valign Atribute之后它已经工作了。也许这可以帮助您。如果您删除注释,它将不会在后台显示img。这就是注释的原因。是的最后!非常感谢!非常好用!我花了将近4个小时才找到这个标签!现在我再也不会犯这个错误了!谢谢!;)是的,这是一块隐藏的宝石。微软为数不多的几次对他们的一个“怪癖”进行了修复。哈哈,是的,我和我的开发伙伴一起解决了这个问题,他已经处理Html电子邮件好几年了,他甚至不知道这个修复方法。再次感谢!:当线条高度样式应用于元素时,这对我来说很有效。当样式应用于