Outlook 2007/2010在HTML电子邮件中添加了随机换行符/空白
**编辑，该问题仅存在于Outlook Web App的预览窗格中** 我已经尝试了几乎所有的方法，但我似乎无法消除Outlook 2007/2010在屏幕右侧的预览框中呈现的空白/换行符。当您双击收件箱列表中的电子邮件时，HTML将完美加载。但是，当它显示在“拆分收件箱列表/电子邮件预览”窗口中时，会生成换行符/空白 我试过书中的每一个技巧。边框折叠，边框=0，显示：块，单元格间距/单元格填充：0！重要的，等等。什么都不起作用 这就是我所抱怨的。（为了隐私，我把所有东西都遮住了）：Outlook 2007/2010在HTML电子邮件中添加了随机换行符/空白,outlook,whitespace,html-email,outlook-2007,line-breaks,Outlook,Whitespace,Html Email,Outlook 2007,Line Breaks,**编辑，该问题仅存在于Outlook Web App的预览窗格中** 我已经尝试了几乎所有的方法，但我似乎无法消除Outlook 2007/2010在屏幕右侧的预览框中呈现的空白/换行符。当您双击收件箱列表中的电子邮件时，HTML将完美加载。但是，当它显示在“拆分收件箱列表/电子邮件预览”窗口中时，会生成换行符/空白 我试过书中的每一个技巧。边框折叠，边框=0，显示：块，单元格间距/单元格填充：0！重要的，等等。什么都不起作用 这就是我所抱怨的。（为了隐私，我把所有东西都遮住了）： 209.6
您可以使用ctrlq.org/HTML-mail将HTML电子邮件发送到自己的outlook收件箱，并在选择HTML编辑器后将“我的HTML”的源代码复制粘贴到收件箱中。如本例所示设置HTML电子邮件的样式，它将完美地呈现在所有主要客户机上，即使是像lotus notes这样的旧客户机上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style media="all" type="text/css">
table td
{
border-collapse: collapse;
}
</style>
</head>
<body>
<table width="680" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20" align="left" valign="top" rowspan="2" bgcolor="#FFFFFF" style="font-size: 10px; font-family: arial; line-height:170px;"> </td>
<td width="300" height="170" rowspan="2" align="left" valign="top">
<img src="another image" alt="" width="300" height="170" border="0"></td>
<td width="33" align="left" valign="top" bgcolor="#FFFFFF" style="font-size: 10px; font-family: arial; line-height:140px;"> </td>
<td width="327" colspan="2" align="left" valign="top" bgcolor="#FFFFFF" style="font-size: 14px; font-family: arial; color:#5D5B5C; line-height: 16px;">some exemple text here</td>
</tr>
<tr>
<td width="33" bgcolor="#FFFFFF" style="font-size: 10px; font-family: arial; line-height:30px;"> </td>
<td width="138" height="30" align="left" valign="top"><a href="some link here" target="_blank"><img src="image here" alt="details" width="138" height="30" border="0"></a></td>
<td width="189" bgcolor="#FFFFFF" style="font-size: 10px; font-family: arial; line-height:30px;"> </td>
</tr>
</table>
</body>
</html>
无标题文件
表td
{
边界塌陷：塌陷；
}
这里有一些示例文本
这里是另一篇文章的链接，我在这里解释了如何使用空TD单元而不是间隔 像本例中那样设计html电子邮件，它将在所有主要客户机上完美呈现，即使是像lotus notes这样的旧客户机
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style media="all" type="text/css">
table td
{
border-collapse: collapse;
}
</style>
</head>
<body>
<table width="680" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20" align="left" valign="top" rowspan="2" bgcolor="#FFFFFF" style="font-size: 10px; font-family: arial; line-height:170px;"> </td>
<td width="300" height="170" rowspan="2" align="left" valign="top">
<img src="another image" alt="" width="300" height="170" border="0"></td>
<td width="33" align="left" valign="top" bgcolor="#FFFFFF" style="font-size: 10px; font-family: arial; line-height:140px;"> </td>
<td width="327" colspan="2" align="left" valign="top" bgcolor="#FFFFFF" style="font-size: 14px; font-family: arial; color:#5D5B5C; line-height: 16px;">some exemple text here</td>
</tr>
<tr>
<td width="33" bgcolor="#FFFFFF" style="font-size: 10px; font-family: arial; line-height:30px;"> </td>
<td width="138" height="30" align="left" valign="top"><a href="some link here" target="_blank"><img src="image here" alt="details" width="138" height="30" border="0"></a></td>
<td width="189" bgcolor="#FFFFFF" style="font-size: 10px; font-family: arial; line-height:30px;"> </td>
</tr>
</table>
</body>
</html>
无标题文件
表td
{
边界塌陷：塌陷；
}
这里有一些示例文本
这里是另一篇文章的链接，我在这里解释了如何使用空TD单元而不是间隔 尝试在
style=“line height:您的图像大小px；”style=“display:block；”“style=“line height:您的图像大小px；”“style=“display:block；”