在Outlook中垂直文本對齊不居中[與圖片]

我目前正在嘗試解決一些HTML電子郵件，在瀏覽器和通過Gmail呈現罰款的問題，但不幸的是我有問題在Outlook垂直對齊文本（它堅持到底部）。在Outlook中垂直文本對齊不居中[與圖片]

此圖片顯示你什麼是錯的：

<td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decoration:none;color:#000001;">THE WORLD'S BEST BRANDS</a></td> 
</tr> 

<tr> 
    <td align="center"><a href="url" style="color:#000001;text-decoration:none;"><img src="url" alt="XXXX" width="593" height="100" class="brandsimage" style="display:block;border:0;" /></a></td> 
</tr> 
</table>             
</td> 
</tr> 

<tr> 
    <td align="center" style="font-size:17px;font-weight:bold;line-height:72px;"><a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a></td> 
</tr>

任何想法如何解決這一問題？

來源

2013-11-14 user2619611

添加valign="middle"和你想有一個高度的<td>文本垂直居中上：

<tr> 
    <td align="center" valign="middle" height="100" style="font-size:17px;font-weight:bold;line-height:72px;"> 
    <a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a> 
    </td> 
</tr>

HTML電子郵件，經常使用，

valign="top|middle|bottom"垂直對齊和

align="left|center|right"的水平對準。

只記得你需要height=""或width=""設置在同一個<td>元素上。

來源

2013-11-14 15:00:57 John

試過這個，不幸的是沒有運氣。 – user2619611

@ user2619611擺脫你的線條高度，它會推動你的文本。 – John

設置高度，刪除行高和valigning工作，謝謝！ – user2619611

對我來說，使其工作，重要的是指定height和align="center"爲HTML屬性和CSS中style元素複製height。

\t 
 

 
<td colspan="3" align="center" height="80px" width="100%" 
 
style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
 
color:#666666; height: 80px; background: #cccccc; 
 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> 
 
      <strong>for internal use</strong> 
 
     </td>

對齊問題也被視爲是所有基於字展望（2007年至2016年）。

來源

2017-09-15 14:20:13 user07

在Outlook中垂直文本對齊不居中[與圖片]

回答

相關問題