使整个表格单元成为HTML电子邮件中的链接

Question

我知道如何在锚点上使用CSS属性“display：block”来使其整个单元格可以点击。但是，这似乎不适用于HTML电子邮件。关于如何在电子邮件中使用它的任何想法？

谢谢！

Answer 1

许多电子邮件客户端从头开始删除css样式并且它们不起作用，因此您必须使用内联样式（即放置<a style="display:block;">等）。

Answer 2

取自this solution

链接中的

display: block适用于除IE / Windows之外的所有内容。如果您为块提供100％的显式宽度，则IE / Windows将继续播放。但这样做会给IE5 / Mac和Netscape / Mozilla带来麻烦。因此，您必须使用子选择器“＆gt;”将宽度重新定义为auto。由于IE / Windows无法理解子选择器，因此它会忽略该规则。 IE5 / Mac，Opera和Netscape / Mozilla遵循这条规则，每个人都很高兴：

#yourdiv a {
        display: block;
        width: 100%;
        }

html>body #yourdiv a {
        width: auto;
        }

Answer 3

我会将TABLE元素放在锚元素中，并使用width=100%并将锚点推出以从内部填充其容器。