Question

我试图找出一种在不使用'float：left;'的情况下彼此相邻添加表的解决方案。我正在使用电子邮件模板的代码，而'浮动'在Outlook和其他一些电子邮件客户端上不起作用。

我已经尝试了我能想到的一切，搜索了论坛和整个网络，但我无法找到解决方案。

这是我正在使用的代码：

<table width="155" height="155" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="main-content" style="float:left;margin-bottom:20px;">
  <tbody>
      <tr>         
         <td><img style="border:0;" align="none" height="113" width="166" src="<?php echo $post_thumbnail ?>"  /></td>
         <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
      </tr>
      <tr>        
     <td style="font-family:arial;font-size:13px;font-weight:bold !important;line-height:17px;padding:10px 10px 0;"><strong>Text</strong></td>
     <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
      </tr>

      <tr>        
    <td width="155" style="color: #666;font-size:13px;padding:0 10px 15px;">  
        <a style="background-color:#ac0003; color:#ffffff; border:1px solid #660b0e;cursor: pointer; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0 auto;margin-top:10px;padding: 2px 11px;;text-decoration:none;color:#ffffff; font-weight:bold;text-align:center;text-decoration:none;" href="<?php echo $post->guid ?>">Text</a>
     </td>
     <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td>
      </tr>


      </tbody>

</table>

帮助！

Answer 1

您可以尝试为表格元素显示内联显示。然后他们应该排在一起。

Answer 2

用户显示：内联块;而不是浮动：左;

Answer 3

对于HTML电子邮件，您应该使用align="left"代替。

Here is an example

不使用'浮动'将表放在彼此旁边

3 个答案: