【问题标题】: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>
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 2011-04-29
            • 2019-07-30
            • 2012-11-22
            • 2013-04-07
            • 2014-05-04
            • 2012-11-28
            • 1970-01-01
            相关资源
            最近更新 更多