在html電子郵件的td中調整元素左和右內聯

Aligning elements left and right inline in td for html email

來源: link 標籤:html 更新時間:

  問題

enter image description here

我正在嘗試對齊這些元素,如影象所示.

最初我使用float,然後嘗試寬度: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 – 不需要cal或其他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>

  相同標籤的其他問題

html
上一個問題:
下一個問題: