电子邮件HTML Blast -表格中的图像没有排成一行？
电子邮件HTML Blast -表格中的图像没有排成一行？
提问于 2018-07-20 01:34:49
这是我的代码片段：
<table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" width="580" class="email-container">
<tr>
<td><a href="https://www.facebook.com/classicstagecompany"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Facebook.jpg" width="194" height="50" alt="Follow us on Facebook!" style="display:block"/></a></td>
<td><a href="https://twitter.com/classicstage"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Twitter.jpg" width="194" height="50" alt="Follow us on Twittter!" style="display:block"/></a></td>
<td><a href="https://www.instagram.com/classicstage/"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Insta.jpg" width="194" height="50" alt="Follow us on Instagram!" style="display:block"/></a></td>
</tr>
<tr>
<td><a href="http://www.classicstage.org"><img src="http://classicstage.org/wp-content/uploads/2018/07/footer.jpg" width="580" height="175" alt="@ClassicStage #CSCCarmenJones, www.classicstage.com, 136 E 13th St New York NY 10003" style="display:block"/></a>
</td>
</tr>
</table>为什么它在Dreamweaver中看起来像这样：
但在Gmail中是这样的：
回答 1
Stack Overflow用户
发布于 2018-07-20 07:22:16
在一个表中，每个表都应该有相同的行数，或者可以使用colspan将一个表跨越多个列。不建议使用colspan，因为不同的电子邮件客户端开始出现问题。
表列中的表
<table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" width="580" class="email-container">
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" width="580" class="email-container">
<tr>
<td><a href="https://www.facebook.com/classicstagecompany"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Facebook.jpg" width="194" height="50" alt="Follow us on Facebook!" style="display:block"/></a></td>
<td><a href="https://twitter.com/classicstage"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Twitter.jpg" width="194" height="50" alt="Follow us on Twittter!" style="display:block"/></a></td>
<td><a href="https://www.instagram.com/classicstage/"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Insta.jpg" width="194" height="50" alt="Follow us on Instagram!" style="display:block"/></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><a href="http://www.classicstage.org"><img src="http://classicstage.org/wp-content/uploads/2018/07/footer.jpg" width="580" height="175" alt="@ClassicStage #CSCCarmenJones, www.classicstage.com, 136 E 13th St New York NY 10003" style="display:block"/></a>
</td>
</tr>
</table>
colspan方法(为了让您理解它是如何工作的)
<table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" width="580" class="email-container">
<tr>
<td><a href="https://www.facebook.com/classicstagecompany"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Facebook.jpg" width="194" height="50" alt="Follow us on Facebook!" style="display:block"/></a></td>
<td><a href="https://twitter.com/classicstage"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Twitter.jpg" width="194" height="50" alt="Follow us on Twittter!" style="display:block"/></a></td>
<td><a href="https://www.instagram.com/classicstage/"><img src="http://classicstage.org/wp-content/uploads/2018/07/Social-Insta.jpg" width="194" height="50" alt="Follow us on Instagram!" style="display:block"/></a></td>
</tr>
<tr>
<td colspan="3"><a href="http://www.classicstage.org"><img src="http://classicstage.org/wp-content/uploads/2018/07/footer.jpg" width="580" height="175" alt="@ClassicStage #CSCCarmenJones, www.classicstage.com, 136 E 13th St New York NY 10003" style="display:block"/></a>
</td>
</tr>
</table>
试试第一个(它会起作用)。
干杯
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51428783
复制相关文章
相似问题