首页›文本·编码·数据›Tailwind CSS 类名速查

Tailwind CSS 类名速查

检索 Tailwind CSS 工具类,按间距、颜色、布局等效果查找对应类名及其生成的 CSS 规则,减少反复翻文档的时间。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 输入想实现的效果关键词
  2. 浏览匹配的原子类名
  3. 查看类名展开的样式规则
  4. 复制到元素 class 中使用

典型场景

忘记某个间距类怎么写时查阅
对比响应式前缀的用法
快速定位颜色与阴影工具类

常见问题

能查响应式变体吗?

可查看带断点前缀的类名及其适用场景。

显示实际 CSS 吗?

给出类名对应的样式规则,便于理解其效果。

版本对得上吗?

类名以框架规范为准,跨大版本可能有差异,建议核对所用版本。

相关工具