<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style>
body {
font-family: 'Quicksand', sans-serif;
}
.delimiter {
color: gray;
}
</style>
</head>
<body bgcolor="#EEEEEE">
<table align="center" width="800" cellpadding="10" cellspacing="0" border="0" bgcolor="#FFFFFF">
<tr>
<td style="display: none;" bgcolor="#FFD500" align="left" width="25%"><img height="40px" src=""></td>
<td bgcolor="#FFD500" align="center" style="text-align:center; vertical-align:middle; color: #000000; font-family: sans-serif; font-size: 32px;font-weight: bold;" colspan="2">Hello World</td>
<td style="display: none;" bgcolor="#FFD500" align="right" width="25%"><img height="40px" src=""></td>
</tr>
</table>
</body>
</html>
以上代码是正在使用的HTML。HTML也直接从outlook复制过来，所以outlook电子邮件和chrome页面的HTML是相同的(相同的HTML)。
这是我得到的chrome: https://i.stack.imgur.com/3Nde2.png
这是我在outlook中得到的:https://i.stack.imgur.com/4l6tJ.png
这两个HTML代码是相同的，虽然它在chrome中正常工作，但在outlook中不工作。它应该为两个单元格显示:none，尽管它只对右边的图像显示，而对左边的图像不显示。
这也很奇怪，因为它不像它不完全在outlook中工作，它适用于右边的单元格/图像，而不是左边，即使我已经检查过了，它们几乎是相同的。是什么原因造成的呢?
我也试过outlook条件CSS (!——(如果美索)比;和
我发现了这个
style="display:none;width:0px;max-height:0px;overflow:hidden;mso-hide:all;height:0;font-size:0;max-height:0;line-height:0;margin:0 auto;"
在litmus.com上
。把所有的东西都扔在显示功能不正常上:至少在某些版本的桌面Outlook上没有。
恐怕我现在不能真正测试这个，所以不能肯定地说这是一个可以接受的答案。我想知道它是否适用于你的情况。