Outlook表边框定位



在尝试Mjml时遇到了这个问题,我无法将边界准确地放置在表工作所需的位置。这有点DYI,但这是我迄今为止使用Outlook的唯一方法。我的问题是,我能以某种方式控制边界的确切位置,以便将其与图像完美对齐吗?

我将在下面的MJML:中发布我的代码

这就是我能够做到的:问题的图像

Outlook版本,上帝在这里帮助我:Outlook Html

<mj-wrapper>
<mj-section background-color="#fff">
<mj-column>
<mj-table>
<tr>
<td style="padding:0px 0px 0px 0px;">
<img src="./img/haut@2x.png" alt="couple-img" />
</td>
</tr>
<tr style="border-left: 2px solid #702b7e;">
<td align="center" style="padding:0px 40px 0px 40px;">
<span style="font-family:Arial-BoldMT;font-size:18px;color:#702b7e;"> LE TÉMOIGNAGE </span> <br /> <br />
<span style="font-family:Arial-BoldMT;font-size:16px;color:#6f6f6f;">Je vous présente Laure et Mathieu ! </span> <br />
<span style="font-size:15px;color:#6f6f6f;">Ils viennent d’acheter un tout nouveau chauffe-eau thermodynamique et nous racontent comment il change leur vie, surtout à l’heure du bain avec leur trois enfants ! 
Et en plus d’être plus écologique, il se révèle plus économique… mais je vais les laisser vous en parler
</span> <br /> <br />
<button style="border: 0;padding:18px;background-color:#7a2182;color:white;border-radius:26px;font-size:14px;">
DÉCOUVRIR TOUS LES BÉNÉFICES
</button>
</td>
<td>

</td>
<td align="center">
</td>
<td>
</td>           
</tr>
<tr>
<td>
<img src="./img/bas@2x.png" alt="" />
</td>
</tr>
</mj-table>
</mj-column>
</mj-section>
</mj-wrapper>

事实是Outlook使用Word来呈现邮件正文。例如,span元素支持Word支持的级联样式表的较小子集,由术语CORE定义。阅读有关支持和不支持的HTML元素、属性和级联样式表属性的更多信息,请参阅Outlook中的Word HTML和CSS呈现功能文章。

相关内容

  • 没有找到相关文章

最新更新