Tailwind CSS 速查：原子化开发的必备伴侣
Tailwind CSS 的核心优势在于其庞大的原子化类名库，允许开发者无需离开 HTML 即可构建复杂的 UI。然而，类名如此之多，即便是资深开发者也难免需要频繁查阅文档。 Tailwind 类名速查字典 旨在提供一个比官网更轻量、响应更迅速的查询环境。
为什么使用本查询工具？
- 模糊搜索增强： 不仅支持类名搜索，还支持通过 CSS 属性名（如 `box-shadow`）或具体的属性值（如 `inline-block`）进行反向查找。
- 交互式预览： 每个类名下方都有实时的视觉预览，您可以直观地看到 `bg-blue-500` 的实际色值，或 `shadow-lg` 的阴影深度。
- 纯净拷贝： 点击类名即可自动复制到剪贴板，无缝粘贴到您的代码编辑器中。
- 分类清晰： 按照布局、间距、排版等 10 多个维度进行归类，方便系统性学习 Tailwind 体系。
解决的具体问题
1. 类名遗忘： “那个让文字强制不换行的类名是什么来着？” 搜索 `wrap` 或 `nowrap` 即可快速找到 `whitespace-nowrap`。
2. CSS 属性映射： 习惯了手写 CSS 的开发者可以快速查找对应的 Tailwind 实现。例如搜索 `flex-direction` 可以看到所有 `flex-row`, `flex-col` 等选项。
3. 颜色值确认： Tailwind 的颜色系统非常丰富（50-950 阶梯），通过本工具可以快速对比不同阶梯的色差，确保视觉还原度。
如何高效使用？
建议将本页面收藏。在开发过程中，使用 `Ctrl+F` 快速唤起搜索。左侧导航栏可以帮助您在不同模块间快速跳转。对于经常使用的复杂组合（如 Flex 居中），本工具也提供了对应的属性对照。