Question

AFAIK在Outlook上不支持display CSS属性（甚至不支持Outlook 2013），但我想知道是否存在已经默认的display:inline-block样式标记（元素）我可以把文字放在里面。

我需要在“桌面”版本的响应式电子邮件上并排放置2个块，并在“移动”上垂直排列。（我知道这不是特定于设备的，而是以某种方式调用它）

两个块都具有相同的宽度和高度，一切都在移动客户端和桌面网络邮件上很好地工作（使用display:inline-block），但不是Oulook。

对于基于图像的电子邮件，这是一项简单的任务，但是与文本混合就像混合油和水一样。

问题： 是否有任何HTML标记可以包含Outlook上默认为display:inline-block的文本？

Answer 1

在这种情况下，我使用两列表，左侧单元格中的文本和右侧的图像。您可以将CSS类应用于媒体查询中的td，然后将它们堆叠在移动设备上。类似的东西：

<td class="colsplit" align="left" valign="top" width="50%">
  text
</td>
<td class="colsplit" align="left" valign="top" width="50%">
  image
</td>

@media screen and (max-width: 480px) {  
  td.colsplit{
    display: block!important;
    width: 100%!important;
  }
}