css 代码行未出现在Outlook桌面上的电子邮件中[重复]

ztmd8pv5 于 2023-05-19 发布在其他

关注(0)|答案(1)|浏览(91)

此问题已在此处有答案：

Formatting html email for Outlook（3个答案）
昨天关门了。
所以我正在处理一封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>

css

来源：https://stackoverflow.com/questions/76272488/the-line-of-code-is-not-appearing-in-my-email-on-outlook-desktop

1条答案

按热度按时间

3hvapo4f1#

看起来问题来自所使用的装置。在HTML属性中，必须设置无单位值（如width="75"）。但是，在CSS中，必须使用单位（如style="width:50px !important"）。下面的代码适用于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.emailonacid.com/app/acidtest/nqr3Xb3Vsp7cql9X3hGSLUEWNeZkX7wlV2KtOwM2vtQwk/list

赞(0）回复(0）举报 2023-05-19

我来回答

css 代码行未出现在Outlook桌面上的电子邮件中[重复]

1条答案

相关问题

热门标签

最新问答