html - 将表并排放置而不使用 'float'

Question

我正在尝试找到一种解决方案，即在不使用“float:left;”的情况下将表格彼此相邻添加。我正在使用电子邮件模板的代码，“ float ”在 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

你可以尝试给表格元素一个内联的显示。然后他们应该并排排成一行。