CSS 到 Tailwind

从 CSS 生成 Tailwind 类 - 立即在浏览器中生成,无需上传任何内容。

Tailwind classes output

这个免费的 CSS-to-Tailwind 类生成器可将您的 CSS 完全在浏览器内转换为 Tailwind 类,因此您的数据永远不会上传到任何服务器。 Tailwind 实用程序类允许您直接在标记中设置元素的样式。只需粘贴您的 CSS,Tailwind 类就会立即出现 - 然后复制它或将其下载为文件。它是尽力而为的生成器,因此请在发货前检查输出。无需注册,加载后即可离线使用。

常见问题解答

如何将 CSS 转换为 Tailwind 类?

将 CSS 粘贴到上面的框中,Tailwind 类会立即出现在下面 — 无需按,无需上传。它完全在您的浏览器中运行,因此您可以复制生成的代码或将其下载为文件。如果输入有语法错误,则会有一条明确的消息告诉您要修复的内容。

这个 CSS to Tailwind 类工具是免费且私有的吗?

是的。它完全免费,没有注册或限制,而且它是私密的,因为整个转换在您的浏览器本地运行 - 您的数据和代码永远不会发送到服务器。这使得专有架构和有效负载变得安全,并且一旦页面加载,它就可以离线工作。

我能从中得到什么?

您将获得从 CSS 生成的 Tailwind 类:Tailwind 实用程序类可让您直接在标记中设置元素的样式。它可以帮助您节省手动编写样板的时间,并使生成的类型与实际数据保持同步。

CSS 到 Tailwind 类的转换有多准确?

它是一个尽力而为的生成器,可以很好地处理常见的、格式良好的情况,但并非每个 CSS 属性都映射到 Tailwind 实用程序 - 未映射的声明被列为注释,以便您可以手动处理它们。发货前务必检查输出。

有尺寸限制吗?

没有固定的限制,因为没有上传任何内容 - 唯一的限制是设备的内存,因此即使是大输入也可以快速转换。生成器引擎在首次使用时加载,然后缓存,因此重复运行是即时的。

它适用于移动设备和所有浏览器吗?

是的。它可以在 Windows、Mac、Linux、iPhone 和 Android 上的任何现代浏览器中运行,无需安装任何内容,并且一旦加载即可离线工作。在任何设备上复制或下载生成的代码。