Question

我正在制作一封电子邮件，其中包含2个部分的文字，2个图片和一个中间的按钮。我能够将图像移动到一个固定的位置，但是使用文本我只知道如何将其向左，向中或向右移动。我基本上想要介于两者之间的文本。例如，我希望它在中间和右侧之间的第一部分文本。

以下是代码：

    <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tbody>
<tr>
<td class="img" style="font-size: 0pt; line-height: 0pt; text-align: Center; width: 20px;"> </td>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<div align="center">
<td valign="top" class="column-280" style="width: 200px;">
<IMG STYLE="position:absolute; BOTTOM:-5px; LEFT:125px; WIDTH:125px; HEIGHT:150px" <img src="https://qa.travelinsured.com/images/email/red-clock.png?Status=Temp&sfvrsn=2" alt="Pete's Promise Badge" height="150" width="150" align="Right">
             <div style="font-size: 0pt; line-height: 0pt; height: 12px;"><img alt="" width="1" height="12" src="http://www2.travelinsured.com/rs/travelinsured/images/empty.gif" style="height: 12px;" /></div>
                         <p> <div style="color: #656565; font-family: Arial; font-size: 13px; line-height: 18px; text-align: Center;">Time is running out!</p><br><p>There's still time to vote!</p><br><p>Please vote for Travel Insured's<br>Agent Loyalty Program today!</p>

Answer 1

位置以及底部，左侧，右侧等都不是非常一致的客户端，Outlook，Gmail和Yahoo等主要客户根本不支持它们。（参考：https://www.campaignmonitor.com/css/）。

最好的办法是为所有布局使用表格。这意味着使用嵌套表以及tds和padding来指定位置。它既不宽容也不容易转移到移动视图，但是尽可能接近确切的定位需求，它实际上是在客户端上一致创建它的唯一方法。

如何将文本移动到固定/特定位置？

1 个答案: