因此,我正在處理一封HTML電子郵件,當我將它發送到Outlook的桌面和移動版本時,這行代碼沒有出現。它在Outlook Web、Gmail和Yahoo上顯示正常。
我的代碼
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCodeBlock">
<tbody class="mcnTextBlockOuter">
<tr>
<td valign="top" class="mcnTextBlockInner">
<br>
<table class="orange-line" cellspacing="0" cellpadding="0" border="0" width="75px" style="width: 50 !important;" align="center">
<tbody>
<tr>
<td class="orange-line" align="center" valign="top" width="75px" height="2px" style="background-color: #fa5528; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"></td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
</tbody>
</table>
看起來問題出在使用的單位上。在HTML屬性中,你必須設置一個無單位的值(比如width = & quot75 & quot).然而,在CSS中,你必須使用一個單元(比如style = & quot寬度:50px!重要& quot).以下代碼適用于我的Windows outlook。
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCodeBlock">
<tbody class="mcnTextBlockOuter">
<tr>
<td valign="top" class="mcnTextBlockInner">
<br>
<table class="orange-line" cellspacing="0" cellpadding="0" border="0" width="75" style="width: 50px !important;" align="center">
<tbody>
<tr>
<td class="orange-line" align="center" valign="top" width="75" height="2" style="background-color: #fa5528; border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 1px;"></td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
</tbody>
</table>
見Acid上郵件截圖:https://app . Email nacid . com/app/Acid test/NQ R3 XB 3 VSP 7 CQ L9 x 3 hgsluewnezkx 7 wlv 2 ktowm 2 vtqwk/list