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

问题描述 投票:0回答:1

enter image description here

我正在尝试按照图片所示对齐这些元素。

最初,我使用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>
html
1个回答
0
投票

请使用此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>
© www.soinside.com 2019 - 2024. All rights reserved.