從徽標填充 - 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

回答

相關問題