html - 显示:inline-block not working outlook/gmail

Question

我正在开发电子邮件模板，需要使用 display:inline-block 但它不适用于 gmail 和 Outlook。 我只需要将图像与文本对齐，但无法使用表格。

对于使 display:inline-block 正常工作或任何其他适用于 Outlook 和 Gmail 的解决方案有何建议？

这是我的代码:

<div>


  <span style="display:inline-block;">this is not<br/> working:</span>
  <a href="" target="_blank"><img style="vertical-align:middle;" alt="" border="0" src="img.jpg"></a>


</div>

谢谢

Answer 1

Outlook 仅部分支持 display:inline-block; 。 Gmail 应该可以正常工作。

Outlook 2000–03 Partial. Supports block, inline, list-item, and none.

Outlook 2007–16 Partial. Sometimes supports none.

Outlook Express Partial. Supports block, inline, list-item, and none.

• https://www.campaignmonitor.com/css/

Outlook 不支持<div>

Outlook 并不真正支持 <div>类和样式您可以使用它们，但样式并不总是会被应用。我建议使用一个可靠性表。

• Div styles not working in Outlook Emails

祝你好运。