cellpadding中的X和Y =“”

时间:2017-09-04 09:04:39

标签: html css html-table

我目前正在制作一些电子邮件模板,我希望尽可能少地使用CSS。因此,我不是使用“padding”或“margin”,而是使用cellpadding=""cellspacing=""属性。

我想知道,在CSS中,你可以在将填充应用于这样的元素时使用XY

padding: 0 10px 3px 0;

还有一种方法可以使用cellpadding=""cellspacing=""属性吗?

1 个答案:

答案 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是安全的,据我所知,大多数电子邮件客户端都支持这种填充和/或边距。