第一次使用表格/html 电子邮件 - 文本填充问题答案

【问题标题】：First time with tables/html email - text padding issue第一次使用表格/html 电子邮件 - 文本填充问题
【发布时间】：2012-09-16 08:31:20
【问题描述】：

这是我第一次尝试 HTML 电子邮件，也使用表格。我通过 Mailchimp 找到了一个不错的模板集合，我已经对其进行了编辑以相对接近我的需要。不过我确实有一个问题：文本的开头被推到了最右边。我该如何解决这个问题？

<tr>
<td valign="top">
<div mc:edit="std_content00">
<img src="http://lorempixel.com/405/325" style="max-width:405px;" />
<img src="http://lorempixel.com/218/30" width="218" height="30" style="padding:30px 0px 30px 0px;" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula aliquet nisl vulputate tincidunt. Nulla.  </div>                                                       </td>
</tr>

【问题讨论】：

标签： css html-table html-email padding

【解决方案1】：

试试这样的http://jsfiddle.net/fVKbr/

style="padding:30px 0px 0px 0px;"

演示：http://jsfiddle.net/fVKbr/

【讨论】：

【解决方案2】：

您的图像中有填充，这隐藏了它与文本在同一表格行中的事实。

使用以下方法使文本对齐：

<tr>
<td valign="top">
<div mc:edit="std_content00">
<img src="http://lorempixel.com/405/325" style="max-width:405px;" />
<img src="http://lorempixel.com/218/30" width="218" height="30" style="padding:30px 0px 0px 0px;" /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula aliquet nisl vulputate tincidunt. Nulla.  </div>                                                       </td>
</tr>

【讨论】：

【解决方案3】：

style="padding:30px 0px 30px 0px;" />

到

style="padding:30px 0px 0px 0px;" />

或任何适合你的东西。

内边距值分别为上、右、下、左。

【讨论】：

【解决方案4】：

尝试添加一个段落：

<tr>
<td valign="top">
<div mc:edit="std_content00">
<img src="http://lorempixel.com/405/325" style="max-width:405px;" />
<img src="http://lorempixel.com/218/30" width="218" height="30" style="padding:30px 0px 30px 0px;" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula aliquet nisl 
vulputate tincidunt. Nulla.</p>  </div>                                                       </td>

【讨论】：