在两个表之间，在2013年，2010年和2007年的展望中获得了1px边界的垂直空间

时间：2015-02-05 11:22:22

标签： html css outlook

在两个表之间，我在Outlook 2013,2010和2007中获得了1px边框的垂直空间。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="700" align="left" border="0" cellspacing="0" cellpadding="0" bgcolor="#fffcf5" style="background-color:red; border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse;">
  <tr>
    <td width="15"><table width="300" align="left" border="0" cellspacing="0" cellpadding="0" bgcolor="#fffcf5" style="background-color:#000000; border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse;" background="#000000">
        <tr>
          <td width="15" height="170">logo </td>
        </tr>
      </table>
      <table width="490" height="170px" align="left" border="0" cellspacing="0" cellpadding="0" bgcolor="#fffcf5" style="background-color:#000000; border:none; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse;" background="#000000">
        <tr bgcolor="#ffffff">
          <td width="15" height="35px">emptyspace</td>
        </tr>
        <tr bgcolor="red">
          <td width="15" height="100">heading</td>
        </tr>
        <tr bgcolor="#ffffff">
          <td width="15" height="35">emptyspace</td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

它在chrome和Firefox浏览器中运行良好。

这是在Outlook 2013中出现错误的图像。您好先生在Outlook 2013中遇到了一些问题所以我发送屏幕照片请看看并帮助我。！

enter image description here

2 个答案:

答案 0 :(得分：0)

你的电子邮件中有一些超大的宽度试试看...... 

<table width="700" border="0" cellspacing="0" cellpadding="0" 
		style="background-color:green; 
				border:none;  
				border-collapse:collapse;">
  <tr>
    <td>
		<table width="300" align="left" border="0" cellspacing="0" cellpadding="0" bgcolor="orange" 
			style="	border:none;  
					border-collapse:collapse;">
			<tr>
			  <td width="15" height="170">logo </td>
			</tr>
		</table>

		<table width="400" height="170px" align="left" border="0" cellspacing="0" cellpadding="0" bgcolor="#fffcf5" 
				style="background-color:#000000; 
						border:none;  
						border-collapse:collapse;">
				<tr bgcolor="#ffffff">
				  <td width="15" height="35px">emptyspace</td>
				</tr>
				<tr bgcolor="red">
				  <td width="15" height="100">heading</td>
				</tr>
				<tr bgcolor="#ffffff">
				  <td width="15" height="35">emptyspace</td>
				</tr>
		</table>
	  </td>
  </tr>
</table>
</table>

在电子邮件中你需要添加style =“display：block;”为他们删除填充的图像

答案 1 :(得分：0)

将style="margin: 0px;"添加到所有表，tr和td，因为如果未指定边距，Outlook会自动在表周围添加1px边距。

您可能还需要添加padding: 0px;。

这是基于我自己的反复试验，如果不起作用，请在下方发表评论，会尝试更新我的答案。

相关问题
最新问题