6
我正在设计一个响应式电子邮件模板,并且我在Outlook Web App上遇到了一些小问题。 我发现,它消除了阶级所以在使用媒体查询是没有意义的,所以我试图掩盖这样一个tr元素:Outlook Web App“display:none”无法正常工作
<tr style="mso-hide:all;
display:none;
height:0;
width:0px;
max-height:0px;
overflow:hidden;
line-height:0px;
float:left;">
但它仍然鞋了。有任何想法吗?
你的意思办公室365为Outlook Web应用程序或者是outlook.com? – 2014-09-27 18:50:43
你试图隐藏的'
回答
您可以添加
然而,这只是使得它不可见......这是仍然存在,占用空间
来源
2014-09-22 13:02:30
试过,以及..不工作 – mathew 2014-09-22 13:07:14
我不完全确定的方式,你需要一个隐藏的表格行,但试试这个:
这可能不起作用,因为电子邮件客户端删除了一些CSS,特别是会隐藏代码的行。它还会删除任何指向js或外部代码的链接。所以!重要的可能也会被忽略。
最后试图隐藏内容对于垃圾邮件过滤器来说是一个巨大的红旗,可能无论您使用何种方式发送邮件都会在垃圾邮件箱中结束。
来源
2014-09-27 18:44:15 JoeyPhillips
我们使用表格的组合来隐藏和显示不同的内容。根据图像的大小,您可以调整td的高度和宽度。
样式:
HTML:
来源
2015-06-10 16:08:44 kjw
昨天我有同样的问题了一整天,我发现这个问题在这里,似乎没有正确的答案。然后我在Litmus社区论坛中搜索。幸运的是看到一条评论说:
另请注意,使用mso-hide:all,如果您试图隐藏包含嵌套表格的表格单元格内的内容,则必须将此属性应用于任何和所有内嵌的表格中好。
所以我添加了mso-hide:全部给所有的子表,它工作!
来源
2015-07-23 15:04:42
把你需要隐藏在div中的任何东西包起来。
来源
2017-09-08 21:23:54
使用这样的类:
来源
2017-12-01 09:01:11
相关问题