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

閱讀時間 < 1 分鐘 進階功能

在使用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年中改變了顯示影像的方式,從那個時候開始這些空行的問題就持續出現,所以請確定仔細檢查過你在這個期間內使用過的所有郵件範本,並寄送測試郵件到不同的電子郵件客戶端,使用不同的瀏覽器和電腦開啟郵件,以確保你的電子報可以正確顯示。

如欲了解其他瀏覽器的瀏覽效果,請點選「如何測試電子報的呈現結果」

準備好以最佳的方式與顧客互動?

不管是提升營業額,還是鞏固顧客關係,通通交給 Benchmark,我們不只是你行銷的好夥伴,還是你與客戶溝通的重要橋梁。