HTML电子邮件模板中的堆叠图像之间有一个空格

我正在为通过.NET发送的HTML电子邮件构建模板。我不经常这样做，我知道我必须坚持使用表和内联CSS。我只是把一些图像切片，我有两张需要叠加。我知道在HTML代码中存在空白方面的问题。因此，我在一条线上尝试了所有的方法，例如

<td valign="top" style="width: 314px;"><img src="/i/header_logo.jpg" width="314" height="92" alt="Logo" /><br /><img src="/i/woman.jpg" width="314" height="617" alt="Woman" /></td>

我在我的浏览器中预览这张图片，两张图片之间有一定的间隔。我在顶部还有一行全局CSS重置，如：

<style type="text/css">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}
</style>

正文，div，dl，dt，dd，ul，ol，li，h1，h2，h3，h4，h5，h6，pre，form，fieldset，input，textarea，p，blockquote，th，td{margin:0；padding:0；}表{边框折叠：折叠；边框间距：0；}字段集，img{border:0；}地址，字幕，引用，代码，dfn，em，strong，th，var{字体样式：正常；字体重量：正常；}ol，ul列表样式：无；}字幕，左对齐：{text:h4，h3，h6}{font size:100%；font-weight:normal；}q:before，q:before{content:''；}缩写{border:0；}

有人知道如何将两个图像堆叠在一个

中，并使它们彼此对齐吗

---

更新：原来我的顶部有一个像普通网页一样的

doctype

，这导致了问题。它与我的HTML/CSS组合无关。

你可以作弊，并在包含图片的列中嵌入另一个表

<td>
  <table>
    <tr><td align="left"><img1 ...></td></tr>
    <tr><td align="left"><img2 ...></td></tr>  
  </table>
</td>

---

这就是你所说的堆叠和齐平吗？

我解决了问题。我没有定义

doctype

，因此渲染模式真的很混乱。

或者在图像上尝试

align=“left”

。适用于某些电子邮件客户端