標籤: 白色橫條

HTML小技巧:如何清除HTML郵件中的白色橫條

進階功能 • 2011.05.18

在使用HTML語法編輯電子報時,你需要特別注意到,市面上的各個電子郵件客戶端,每一個處理圖片的方式都有些許不同;如果你使用 Hotmail、Gmail或Outlook,你可能會發現有一或數個影像間出現白色橫條,這個問題似乎也發生在Firefox、Safari、Opera和Chrome的使用者身上〈IE則無此問題〉。 對於Hotmail的使用者而言,只需將下列原始碼放到HTML原始碼的最上方就可以修正這個問題: <style>img {display:block}</style> 如果你是使用Gmail,則每個影像檔都需要額外的原始碼,在每個圖片的HTML語法中,加入下列字串: <img style=\"display:block\" src=\"exampleimage.jpg\" alt=\"example\" /> Google在2010年中改變了顯示影像的方式,從那個時候開始這些空行的問題就持續出現,所以請確定仔細檢查過你在這個期間內使用過的所有郵件範本,並寄送測試郵件到不同的電子郵件客戶端,使用不同的瀏覽器和電腦開啟郵件,以確保你的電子報可以正確顯示。 如欲了解其他瀏覽器的瀏覽效果,請點選「如何測試電子報的呈現結果」。


瀏覽更多