CSS Padding in Outlook 2007 and 2010
For those of you who design and develop HTML emails for Outlook 2007 and 2010, you already know that you are bound by tables and you have very limited CSS support. What you might not realize is that these two email clients convert your code from something legible into a seemingly foreign Microsoft language.
今天做郵件模板,發現IE下面顯示的跟outlook顯示的不一樣。
[@more@]One of the more critical conversions that you should be aware of is that Outlook 2007 and 2010 will often move your CSS from div's and headings into nested paragraph and spans. Sometimes, it keeps the outer container, other times it eliminates it entirely.
For example this:
NEW FASHIONS
NEW FASHIONS
NEW FASHIONS
Will get converted to:
NEW FASHIONS
NEW FASHIONS
NEW FASHIONS
The Problem
As you can see, this conversion moved our CSS from its original box element container to an inline SPAN element and the padding was ignored.
Solutions
One work-around is to avoid padding in block element containers and use margins instead.
NEW FASHIONS
Note: I did not include the "margin" nor "margin-top" properties in this example because they are not supported by Hotmail.
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/219138/viewspace-1055090/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- css16 CSS PaddingCSSpadding
- outlook 2007 傳送郵件
- CSS padding內邊距CSSpadding
- CSS padding 內邊距CSSpadding
- hotmail在outlook2007中的設定AI
- outlook2007 解除安裝載入項
- css之margin && padding講解CSSpadding
- 啟動Outlook2010的診斷模式模式
- CSS學習2—-padding/border/marginCSSpadding
- css中內邊距是padding,外邊距是marginCSSpadding
- Outlook 2021 for Mac outlook郵箱Mac
- win10系統怎麼設定Outlook2010郵箱簽名Win10
- Export Farm Solution wsp Files SharePoint 2007 and 2010Export
- Padding - flutterpaddingFlutter
- padding模式padding模式
- 2018-04-11CSS屬性之padding 與floatCSSpadding
- padding oracle attack相關之padding oracle attackpaddingOracle
- Outlook2010POP3方式連線Hotmail等郵箱的錯誤處理AI
- win10系統office2007 2010可以同時安裝嗎_win10系統office2007 2010怎麼同時安裝Win10
- 深入理解paddingpadding
- win10 home版可以配置outlook嗎_win10如何配置outlookWin10
- office2010開啟office2007的檔案的設定方法
- OUTLOOK - Unable to Delete Meetingsdelete
- Outlook 2019 for macMac
- CVE-2010-3971 CSS記憶體破壞漏洞分析CSS記憶體
- 設定Outlook客戶端連線Exchange2010伺服器在低速或高速網路均使用https客戶端伺服器HTTP
- margin與padding的區別padding
- eBPF HashMap 與 padding 的坑eBPFHashMappadding
- Microsoft Outlook 2021 LTSC for MacvROSMac
- 恢復outlook的資料(轉)
- 從outlook匯入email地址 (轉)AI
- win10 outlook怎麼設定簽名_win10如何設定outlook簽名Win10
- win10outlook郵箱怎麼設定_win10outlook郵箱如何設定Win10
- Flutter 樣式基礎之 PaddingFlutterpadding
- padding屬性值的順序padding
- antd ProTable 設定padding為0padding
- 關閉簡體中文版Office 2007/2010中文拼寫檢查,提高儲存速度
- Outlook資料提取工具readpst