有什么方法可以将块样式/CSS 转换为内联 CSS？答案

【问题标题】：Any way to transform a block style/CSS to inline CSS?有什么方法可以将块样式/CSS 转换为内联 CSS？
【发布时间】：2015-09-29 20:36:20
【问题描述】：

我正在编写一个 HTML/CSS 电子邮件模板，以便为 Gmail 和其他邮件触发。但是，Gmail 不会加载 <style> 块，所以我必须使用内联 'style' 属性才能使其工作。

为了说明问题：

<style>
    .center {
        text-align:center;
    }
</style>
<a class="center"> text </a>

转换为：

<a class="center" style="text-align:center;"> text </a>

这里有人知道更好的方法或任何程序吗？

【问题讨论】：

我已经成功使用了 premailer，它可以满足您的需求
@aw04 什么是预邮件？
github.com/premailer/premailer
那是我不知道的存在！酷！！你知道这样的 java 或 javascript 工具吗？
其实我觉得这个链接是我用的。它与 grunt 任务运行器集成。还有其他选择，如果您使用谷歌预邮件，就会有很多选择。 github.com/dwightjack/grunt-premailer

【解决方案1】：

有一个专为这项工作设计的网络应用程序。

将 CSS 规则转换为内联样式属性

【讨论】：

【解决方案2】：

Premailer 是生成内联样式和为电子邮件准备代码的绝佳工具。

您甚至可以使用grunt 或gulp 将其集成到您的任务运行程序中。

【讨论】：