0

这是我第一次尝试 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>
4

4 回答 4

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 30px 0px;" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula aliquet nisl 
vulputate tincidunt. Nulla.</p>  </div>                                                       </td>

于 2012-09-24T20:39:26.227 回答
1

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

样式=“填充：30像素0像素0像素0像素；”

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

于 2012-09-24T20:41:30.837 回答
0 
style="padding:30px 0px 30px 0px;" />

至

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

或任何适合你的东西。

填充值分别用于上、右、下、左。

于 2012-09-24T20:39:46.153 回答
0

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

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

<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>
于 2012-09-24T20:39:46.903 回答