我目前正在制作一些电子邮件模板,我希望尽可能少地使用CSS。因此,我不是使用“padding
”或“margin
”,而是使用cellpadding=""
和cellspacing=""
属性。
我想知道,在CSS中,你可以在将填充应用于这样的元素时使用X
和Y
:
padding: 0 10px 3px 0;
还有一种方法可以使用cellpadding=""
或cellspacing=""
属性吗?
答案 0 :(得分:1)
因此,如果您将来遇到此问题,并且您正在为您的网站寻找解决方案,那么我强烈建议您使用CSS而不是弃用的HTML属性cellpadding
和{{1} }!您可以将其定义为内联,因此可能感觉有点像cellspacing
,但最好您应该在外部CSS文件中编写此声明并定义类似
cellpadding
你甚至可以像这样设置元素每一面的td {
padding: 5px; /* cellpadding */
margin: 5px; /* cellspacing */
}
和padding
:
margin
现在,如果你遇到这个问题,因为你正在开发一个HTML电子邮件模板,而不是一开始就表示哀悼。这是一项非常可怕的任务,甚至(尤其是)这些日子。
编写HTML电子邮件是使用弃用的HTML元素和属性而不是最新的CSS解决方案的唯一借口,因为CSS的处理与电子邮件客户端到电子邮件客户端非常不同,并且大多数都有一些遗留支持对于已弃用的东西。在每种情况下,您都应该尽可能地进行测试,检查一下,如果可能有CSS解决方案,它可以在最常见的客户端(不同的浏览器,Web客户端,Outlook,Win10邮件应用程序,iOS和Android本机邮件)中运行应用,收件箱或Gmail应用等等......)。如果有效:使用CSS !只有使用旧式HTML,如果效果更好。
在每种情况下,您都需要使用内联CSS声明,因为大多数电子邮件客户端都会切断td {
padding: 5px 10px 15px 20px; /* top, right, bottom, left */
margin: 5px 10px 15px 20px; /* equal to padding */
}
中定义的CSS,并且根本不会加载外部文件。
现在,要回答问题:使用<head>
和cellpadding
,无法为每一方设置单独的填充或间距,您只需指定一个不幸的是,这个数字适用于每一方。但在这种特殊情况下,我认为使用带有填充和/或边距的内联css是安全的,据我所知,大多数电子邮件客户端都支持这种填充和/或边距。