我正在設計一個小應用程序,它可以通過電子郵件將6種設計模板中的一種與普通內容進行電子郵件通信。HTML電子郵件中的間距
什麼是最好的(最穩定的)的方式來維持文字的空間和佈局(線之間等)
我們考慮使用簡單<br>
,但相比別的東西,我們可能會失去一些靈活性。它是一種基於表格的佈局
乾杯
我正在設計一個小應用程序,它可以通過電子郵件將6種設計模板中的一種與普通內容進行電子郵件通信。HTML電子郵件中的間距
什麼是最好的(最穩定的)的方式來維持文字的空間和佈局(線之間等)
我們考慮使用簡單<br>
,但相比別的東西,我們可能會失去一些靈活性。它是一種基於表格的佈局
乾杯
雅虎(可能還有其他的電子郵件客戶端)解釋<p>
不同於大多數人的例子 - 這是很難做出<p>
期待權雅虎沒有讓所有其他人看起來錯了。根據我的經驗,通過使用<br />
以及行高和字體大小,您將獲得對間距/格式的更多控制。更具體地說,你可以給一個<br />
標籤一個內聯line-height
樣式來調整間距。
但是:
line-height
財產。margin
風格的使用和/或所有的電子郵件客戶端忽略不同。如果可能,使用padding
而不是margin
稍微可靠一點。的最佳間距&佈局中可用的控制HTML換電子郵件(這是僅限於基於表格的佈局和內嵌樣式,如你所知)是文字的行/段落分成不同的表格單元格/行和控制與<td>
元件的width
& height
間距。使用這種方法,你幾乎總是有style="border:0; margin:0; padding:0;"
最好的辦法是當今使用每行和風格p
元素與CSS。
而且您應該考慮用div
s和CSS樣式替換大多數基於表格的佈局(顯然,除非需要具有相同高度的水平元素)。
我的回答會更好,如果你將陳述喜歡一個具體問題:「我怎樣才能做到這一點<insert image here>
與HTML」
你應該在電子郵件標記使用直列式。
下面是如何在您的電子郵件中始終分隔段落建立
<p style="margin:0 0 15px 0;padding:0;line-height:value;font-size:value">Insert Paragraph information here</p>
<p style="margin:0 0 15px 0;padding:0;line-height:value;font-size:value">Insert Paragraph information here</p>
請你幫個忙,並採取了一些時間來read this article from Email on Acid。 這將非常有幫助!我是認真的......
如果使用段落,並設置'線height'和'padding','margin'風格,應該給你過線之間的間距控制。 – 2011-05-17 14:19:04