Python 中表<td/> 的内联 CSS 语句

Question

我在查看 HTML 电子邮件时遇到问题，需要格式化 css 以与 HTML 脚本内联。

我有多个表使用的以下 td css。

td.gridtopleft {
  border-left: solid windowtext 0.5pt;
  border-top: solid windowtext 0.5pt;
  padding: 0in 3pt 0in 3pt;
}
td.gridtopcent {
  border-top: solid windowtext 0.5pt;
  padding: 0in 3pt 0in 3pt;
}
td.gridtopright {
  border-right: solid windowtext 0.5pt;
  border-top: solid windowtext 0.5pt;
  padding: 0in 3pt 0in 3pt;
}
td.gridmidleft {
  border-left: solid windowtext 0.5pt;
  padding: 0in 3pt 0in 3pt;
}
td.gridcenter {
  padding: 0in 3pt 0in 3pt;
}
td.gridmidright {
  border-right: solid windowtext 0.5pt;
  padding: 0in 3pt 0in 3pt;
}
td.gridbotleft {
  border-left: solid windowtext 0.5pt;
  border-bottom: solid windowtext 0.5pt;
  padding: 0in 3pt 0in 3pt;
}
td.gridbotcent {
  border-bottom: solid windowtext 0.5pt;
  padding: 0in 3pt 0in 3pt;
}
td.gridbotright {
  border-right: solid windowtext 0.5pt;
  border-bottom: solid windowtext 0.5pt;
  padding: 0in 3pt 0in 3pt;
}
tr.grideven {
  background-color="##FFFFFF";
  color="#000000";
  font-weight: "normal";
  font-size: "12"
}
tr.gridodd {
  background-color="#FFFFFF";
  color="#000000";
  font-weight: "normal";
  font-size: "12"
}
tr.grid {
  background-color: "#FFFFFF";
  color: "#000000";
  font-weight: "bold";
  font-size: "12"
}
table.gridhead {
  background-color: "#FFFFFF";
  color: "#000000";
  font-weight: "bold";
  font-size: "12";
  font-family: "Arial, sans-serif"
}
table.gridbody {
  border-left: solid
}

我需要移动这个内联表。最好的方法是什么？

Answer 1

对于电子邮件，请使用内联 CSS。因为基于浏览器的电子邮件应用程序，例如 Gmail，默认情况下会删除和标记，始终使用内联 CSS 而不是嵌入式 CSS。

所以只需将它手动分配给每个元素的属性

style="yourcssgoesgere"

.

更多信息，例如：https://www.sitepoint.com/how-to-code-html-email-newsletters/

Answer 2

如果您熟悉 gulp，gulp-inline-css 模块将是您最快的。

编辑：或者您可以尝试以下工具：

https://inliner.cm/

http://templates.mailchimp.com/resources/inline-css/

Answer 3

我有类似的问题，如果你只是需要一次性转换，你可以使用这个网站https://templates.mailchimp.com/resources/inline-css/

我只需要转换一次我的模板，这对我有用