HTML電子郵件格式在Outlook中不起作用

我的HTML電子郵件格式在Outlook中無法正常運行。該代碼使用角度和引導CSS。我已經使用內聯css特別爲Outlook，但是當我看到Outlook表中的電子郵件被全屏拉伸。HTML電子郵件格式在Outlook中不起作用

我看到了一些問題，並使用了答案中提出的實現，但仍顯示此問題。我的代碼如下：

 <table class="table table-striped table-bordered table-condensed" width="320" style="margin-bottom: 20px;border: 1px solid #ddd; border-collapse: collapse"> 
     <tr ng-repeat="x in xall | orderBy:'name':false" style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px;"> 
      <th style="text-align: left; padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:40%;">Site Revenue</th> 
      <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="!data.isPrev">Â£850</td> 
      <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="data.isPrev">Â£500</td> 
     </tr> 
     <tr ng-repeat="x in xall | orderBy:'name':false" style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px;"> 
      <th style="text-align: left; padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:40%;">Product Revenue</th> 
      <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="!data.isPrev">Â£650</td> 
      <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="data.isPrev">Â£570</td> 
     </tr> 
     </table>

請放一些建議，我完全卡住這個問題的寬度屬性不與Outlook功能。

來源

2015-04-21 Jitendra Pareek

這裏是一個指南，它顯示了每個CSS屬性和他們工作在哪些電子郵件客戶端。https://www.campaignmonitor.com/css/ – th0ward

男士們感謝您的時間和建議。你能看到我的代碼沒有什麼會是錯的，但我卡住寬度屬性。寬度功能非常不同。所以請看看，並讓我知道什麼是錯的。 –

我有同樣的問題。 下面是一些提示：

當你給填充屬性，它應該是這樣的：padding:5px 5px 5px 5px;
浮動（浮動）CSS屬性不使用Outlook。
當您在表格屬性中給出需要作爲（bgcolor）給出的背景顏色時。
寫所有的CSS內嵌

來源

2015-04-21 07:11:39 Prasanga

你可以看到我的代碼，我也使用內聯的CSS。 –

（border-collapse：collapse;）缺少分號，我們需要在創建電子郵件模板時考慮這些事情。 – Prasanga

我的模板也有同樣的問題。但填充仍然不工作時，我給填充：5px 5px 5px 5px;喜歡這個。 –

屬性的事實是，Outlook中使用Word渲染你的HTML。 Word被用作電子郵件編輯器。

希望你能找到有用的信息...

：閱讀下面的系列文章中有關支持和不支持的HTML元素，屬性和級聯樣式表屬性

來源

2015-04-21 12:54:08

HTML電子郵件格式在Outlook中不起作用

回答

相關問題