从徽标填充 - HTML

我有一个电子邮件头，我通过HTML格式的谷歌应用脚本发送的问题。我创建的布局，这里是代码：从徽标填充 - HTML

<body> 
<div id="logo" style="padding:10px 8px 10px 8px; font-family: arial,sans-serif"> 
    <img src="logo.png" /> 
    <span class="title" style="color: #808080; font-size: 35px; padding-left: 530px">Lorem </span> 
</div> 
...

在Chrome和Gmail中正确显示 link

但是显示在Outlook中的电子邮件不正确link

有人能帮帮我，怎么样修改HTML代码，我想在右侧标题（Lorem）。先谢谢你。

来源

2017-06-13 martin222

我会开始添加一个浮点数：右跨度 – Isac

不幸的是，谈到EDM时，Outlook是你最大的敌人。当一个单元格的内容决定了单元格的尺寸时，某些版本并不尊重填充。

为邮件客户端提供最一致的结果的方法是使用空表格单元作为填充（我知道，恐怖），但请记住用所需尺寸的空白图像填充这些表格，因为，你猜对了，有些版本的Outlook不尊重空单元格的高/宽度声明。

的更多信息请点击here

来源

2017-06-13 12:03:03

不知道100％它会成功，但你可以尝试给display: inline-block;到<img>和<span>标签。

，如果还是不行，你可能会绝对和相对位置得到。

#logo { 
    position: relative; 
} 
#logo span { 
    position: absolute; 
    right: 0; 
}

来源

2017-06-13 14:01:03

从徽标填充 - HTML

回答

相关问题