跨区块响应电子邮件的块属性

时间:2014-08-19 21:04:44

标签: html css email

我为公司构建了一个响应式模板,并引用了PSD作为模板的基础。

设计师对间距(自然)非常挑剔。

我试图找到一种方法来控制线高不切割区域的间距。

我试图控制子标题和它下面的正文副本之间的间距。 A是不够的,其中2个太多了。还有一个左侧对齐到副本左侧的图像。

我的想法是:

<span style="display:block; height:10px;">&nbsp;</span>

您对上述解决方案有何看法?认为它会通过Outlook测试吗?

此处the code in jsFiddle

1 个答案:

答案 0 :(得分:0)

padding-bottom属性与px或em值一起使用。 例如:padding-bottom: 20px;

所以,这是更新的代码,头文本和正文之间有空格。

<span style="font-family: Arial, sans-serif; font-size: 30px; color: #254271; text-align:left; line-height:30px; display:block; letter-spacing:-1px; font-weight:bold; text-transform:uppercase; **padding-bottom: 45px;**">Excepteur sint occaecat cupidatat non proident</span><br /> 

完整更新:

http://jsfiddle.net/55nkc0t3/1/