html - 在 html 电子邮件的 td 中左右内联对齐元素

Question

我正在尝试对齐这些元素，如图所示。

最初我使用 float 然后尝试 width: calc() 但发现这些会导致某些客户端出现问题。

谁能提出另一种解决方案？

<tr height="40px" bgcolor="#00a2c5">
  <td>
    <span style="padding-left:20px;color:#ffffff;display: inline-block;width: calc(50% - 40px);"><a href="#">Call 13 63 93</a></span>
    <span style="padding-right:0px;color:#ffffff;text-align:right;display:inline-block;width: calc(50% - 0px);"><a href="#">Clarendon.com.au</a></span>
  </td>
</tr>

Answer 1

请使用此 HTML - 无需调用或其他 HTML，表格具有不同的 CSS，因此请使用表格参数或电子邮件属性。

<table width="100%" border="0" cellpadding="10" cellspacing="0">
    <tr bgcolor="#00a2c5">
    	<td align="left" width="50%" height="40px"><a href="#" style="color:#ffffff;">Call 13 63 93</a></td>
    	<td align="right" width="50%"><a href="#" style="color:#ffffff;">Clarendon.com.au</a></td>
    </tr>
</table>