HTML電子郵件中的間距

Question

我正在設計一個小應用程序，它可以通過電子郵件將6種設計模板中的一種與普通內容進行電子郵件通信。

什麼是最好的（最穩定的）的方式來維持文字的空間和佈局（線之間等）

我們考慮使用簡單<br>，但相比別的東西，我們可能會失去一些靈活性。它是一種基於表格的佈局

乾杯

Answer 1

雅虎（可能還有其他的電子郵件客戶端）解釋<p>不同於大多數人的例子 - 這是很難做出<p>期待權雅虎沒有讓所有其他人看起來錯了。根據我的經驗，通過使用<br />以及行高和字體大小，您將獲得對間距/格式的更多控制。更具體地說，你可以給一個<br />標籤一個內聯line-height樣式來調整間距。

但是：

• 的Outlook 2007/2010往往忽略line-height財產。
• 的margin風格的使用和/或所有的電子郵件客戶端忽略不同。如果可能，使用padding而不是margin稍微可靠一點。

的最佳間距&佈局中可用的控制HTML換電子郵件（這是僅限於基於表格的佈局和內嵌樣式，如你所知）是文字的行/段落分成不同的表格單元格/行和控制與<td>元件的width & height間距。使用這種方法，你幾乎總是有style="border:0; margin:0; padding:0;"

Answer 2

最好的辦法是當今使用每行和風格p元素與CSS。

而且您應該考慮用div s和CSS樣式替換大多數基於表格的佈局（顯然，除非需要具有相同高度的水平元素）。

我的回答會更好，如果你將陳述喜歡一個具體問題：「我怎樣才能做到這一點<insert image here>與HTML」

Answer 3

你應該在電子郵件標記使用直列式。

下面是如何在您的電子郵件中始終分隔段落建立

<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> 

Answer 4

請你幫個忙，並採取了一些時間來read this article from Email on Acid。 這將非常有幫助！我是認真的......