【问题标题】:Outlook 2007 Vertical Align two images in a td without support for css vertical-align: middleOutlook 2007 垂直对齐 td 中的两个图像,不支持 css 垂直对齐:中间
【发布时间】:2013-05-17 22:33:42
【问题描述】:

构建 html 电子邮件;我在 1 td 中有两个 img 标签,一个图像(右侧的一个)具有固定高度,而左侧图像具有可变高度。我希望能够保持图像在 td 中间垂直对齐。我可以让它在除 Outlook 2007、2010、2013 之外的所有浏览器中正常工作,因为它缺少垂直对齐的 css 属性:中间。

这里是标记:

 <tr>
     <td bgcolor="#673695" style="color:#ffffff;padding:14px 0 14px 14px;text-align:left;line-height:44px;vertical-align:middle;">
         <img src="lowreslogo.png" border="0" style="vertical-align: middle;">      
         <img src="email_logo_newspaper.png" border="0" width="150" style="vertical-align: middle;">
     </td>
 </tr>

关于如何实现这一点的任何想法请记住电子邮件设计中的限制?

【问题讨论】:

    标签: image html-email vertical-alignment html-table


    【解决方案1】:

    试试这个:&lt;td valign="middle"&gt;

    使用 align 和 valign 是电子邮件中的最佳实践。

    编辑: 尝试将图像包装在表格或 div 中,并在父表格单元格上使用 valign。

    【讨论】:

    • 是的,我之前也尝试过,但没有任何结果......只是 Outlook 是 Outlook...... Outlook 是电子邮件世界的 IE,无法赢得它,但每个人都在使用它......
    • @estern 在我的回答中添加了更多内容。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-11-30
    • 1970-01-01
    • 2012-08-26
    • 2023-03-28
    • 2014-06-02
    • 1970-01-01
    • 2010-12-03
    相关资源
    最近更新 更多