问题标签 [tailwind-css]

我试图遵循这个https://tailwindcss.com/docs/installation

但是由于其中一个步骤需要ng eject，并且由于在 Angular 6 上禁用了此选项，我被卡住了，我尝试了几个选项，但在网上什么也没找到。

任何人都可以设法将 tailwindcss 添加到 Angular 6 中吗？

谢谢

我刚开始使用Tailwind CSS。我正在尝试使用flexbox制作一些卡片布局（每个卡片上都有 VG 图标和文本）。当我调整屏幕大小时，它确实会很好地缩小，直到它碰到sm 屏幕。然后只能看到大约60%的卡片高度。

我不确定是否应该将卡片的内容（例如图标和文本）缩小到移动设备，还是应该自动缩小？

这是我的代码：

我正在使用Flexbox和Tailwindcss。

我有2行。第一行有3 个项目，第二行有1 个项目。由于某种原因，第二行中的项目略大于第一行中的项目。

这里可能有什么问题，我猜是 flexbox 的问题，因为当我删除flex类时，它会正确匹配。但随后该项目不在同一行。

我做了一个代码片段：

在我的应用程序中，我有一个模型。我在模型上使用不透明度。我现在遇到的问题是模型的主体不应该有不透明性，我该如何解决这个问题？只有在模型之外才应该有不透明度！

我正在尝试学习和使用一个新的实用程序框架，该框架最近变得非常流行。尾风CSS

当我使用文档中的说明编译我的 css 时，我看到很多 css 类名中有冒号:，并且前面有一个反斜杠\

这是为什么？那是为了让 CSS 明白那里有一个:而不是逃避它吗？

正如您从我的代码片段中看到的那样，下拉列表扩展了父边框而不是覆盖（绝对）它们，我怎样才能得到它，所以我的下拉列表（删除）不会更改父 div，而只是像下图一样覆盖它们：

我是 Tailwind CSS 的新手，我在尝试实现此处提供的 CSS 网格插件时遇到了一些麻烦：https ://www.npmjs.com/package/tailwindcss-grid

我能够通过 Gulp 运行安装并将软件包安装到位。它位于我的节点模块文件夹中。然后我尝试将插件添加到 tailwind.js 文件中的插件代码块中：

当我对我的 css 进行更改并且 tailwind 处理 css 文件时，它不会返回任何错误，但是当我查看 CSS 输出时，没有任何用于 CSS frid 或对象适合和位置插件的实用程序被输出到文件。就像我说的，我是 Tailwind 的新手，所以谁能告诉我我错过了什么？我不是插件导入做错了什么。

我想左对齐列表项的文本。我还想让所有图标大小相同。与 Gmail 列表项一起使用的信封图标的大小。目前，我有这个：

我怎样才能做到这一点？

我想左对齐列表项的文本。目前，我有这个：

如何左对齐文本？

任何人都成功地使用 VueJS、PostCss 和 Tailwind 在 Storybook 中进行组件开发设置项目？

我已经做到了这一点：

1. 新vue项目 ( vue-cli 3.0.5)
2. @storybook/vue (4.0.0-alpha.25)
3. 尾风css (0.6.5)
4. 使用创建组件<style lang="postcss"> ... </style>
5. 在样式块中使用 Tailwind@apply将实用程序类应用于组件

我遇到的问题是，lang="postcss"在运行故事书时，我创建用于使用的故事的任何组件在编译期间都会失败。

我尝试添加一个自定义webpack配置来停止错误，但我的所有组件都没有设置样式。

我也尝试app.postcss在文件本身中导入我的（导入尾风）stories.js无济于事。任何帮助，将不胜感激。