安排<;td>;在HTML电子邮件中
我正在制作一个响应电子邮件模板。我遇到的问题是,我希望图标与文本左对齐。我怎样才能做到这一点?我在这件事上耽搁了一段时间 编辑:这是一个带有文字的updatey更新,因为我不能保存我的更改,除非我有更多的文字和更少的代码安排<;td>;在HTML电子邮件中,html,responsive-design,html-email,Html,Responsive Design,Html Email,我正在制作一个响应电子邮件模板。我遇到的问题是,我希望图标与文本左对齐。我怎样才能做到这一点?我在这件事上耽搁了一段时间 编辑:这是一个带有文字的updatey更新,因为我不能保存我的更改,除非我有更多的文字和更少的代码 <body yahoo="yahoo" bgcolor="#f6f8f1"> <!--[if (gte mso 9)|(IE)]> <table width="600" align="center" cellpadding="0" cell
<body yahoo="yahoo" bgcolor="#f6f8f1">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table width="100%" bgcolor="#f6f8f1" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="header" bgcolor="c7d8a7">
<table class="content" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table width="70" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="70" style="padding: 0 20px 20px 0;">
<img src="http://i.imgur.com/38a0Gpi.png" width="70" height="70" border="0" alt="" />
<!--[if (gte mso 9)|(IE)]>
<table width="425" align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="col425" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 425px;">
<tr>
<td height="70">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="subhead" style="padding: 0 0 0 3px;">
COFFEE SHOP
</td>
</tr>
<tr>
<td class="h1" style="padding: 5px 0 0 0;">
Responsive Email Mockup
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</body>
咖啡厅
响应电子邮件模型
像这样吗
我通过在img
之后添加
将图像包装在自己的td
中
<td height="70" style="padding: 0 20px 20px 0;">
<img src="http://i.imgur.com/38a0Gpi.png" width="70" height="70" border="0" alt="" />
</td>
<td>
<!--[if (gte mso 9)|(IE)]>
是的,除了这将是一个HTML电子邮件,所以没有样式表。因此,无论是内联样式还是标签顶部的CSS。谢谢你!这是有道理的:D