2011-05-17 72 views
5

我正在设计一个小应用程序,它可以通过电子邮件将6种设计模板中的一种与普通内容进行电子邮件通信。HTML电子邮件中的间距

什么是最好的(最稳定的)的方式来维持文字的空间和布局(线之间等)

我们考虑使用简单<br>,但相比别的东西,我们可能会失去一些灵活性。它是一种基于表格的布局

干杯

+0

如果使用段落,并设置'线height'和'padding','margin'风格,应该给你过线之间的间距控制。 – 2011-05-17 14:19:04

回答

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

0

最好的办法是当今使用每行和风格p元素与CSS。

而且您应该考虑用div s和CSS样式替换大多数基于表格的布局(显然,除非需要具有相同高度的水平元素)。

我的回答会更好,如果你将陈述喜欢一个具体问题:“我怎样才能做到这一点<insert image here>与HTML”

2

你应该在电子邮件标记使用直列式。

下面是如何在您的电子邮件中始终分隔段落建立

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