fac*_*cot 0 outlook html-email outlook-2013
它在gmail,hotmail vb中看起来很好,但我无法解决Outlook中的空间问题.它只在图像之间显示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="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td>
<table border="0" cellspacing="0" cellpadding="0" style="width: 700px; border-spacing: 0px; font-family: Arial; margin: 0 auto; display: block; border-collapse: collapse">
<tr>
<td>
<img src="1.jpg" alt="mail" />
</td>
<td>
<img src="2.jpg" alt="mail" />
</td>
<td>
<img src="3.jpg" alt="mail" />
</td>
</tr>
<tr>
<td>
<img src="4.jpg" alt="mail" />
</td>
<td>
<a href="#">
<img src="5.jpg" alt="mail" /></a>
</td>
<td>
<img src="6.jpg" alt="mail" />
</td>
</tr>
<tr>
<td>
<img src="7.jpg" alt="mail" />
</td>
<td>
<img src="8.jpg" alt="mail" />
</td>
<td>
<img src="9.jpg" alt="mail" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我首先尝试将display: block;图像添加为内联样式,并且表格border-collapse: collapse;也添加为内联样式.
如果这不能解析空间,那么有一些技术专门适用于Outlook,您应该尝试下一步.有一篇非常深入的文章,关于使用Email on Acid修复Outlook表格的额外空间问题.
您可能还想尝试在td标记内使用更多嵌套表.
| 归档时间: |
|
| 查看次数: |
5538 次 |
| 最近记录: |