问题标签 [tailwind-in-js]

有没有办法将间距（或其他参数）的自定义值传递给顺风配置模式，而不是在顺风配置中规定我需要的所有值？

例如，当在 px 中为 HTML 元素使用自定义间距值时，如下所示：

<div className="mt-15px pb-36px h-500px></div>

我目前使用下一个顺风配置：

相反，如果可能的话，我想要这样的东西：

基本上可以将任何数字传递给顺风样式以获取间距或其他类似参数，而无需将其指定到配置中。

有没有办法实现它？

我在我的应用程序中遇到以下错误：

next.js 返回给我的错误

我在 _app.js 中导入了我的 js 文件并开始出现此错误，我想知道如何在我的应用程序中使用我的脚本，脚本代码如下：

并以这种方式导入：

我尝试了几种我在那里发现的替代方案，但我无法解决这个问题，如果有人可以帮助我，我会被忽视，谢谢

我想对我的背景图像应用线性渐变。在 tailwind 配置文件上，我写了一个自定义规则，如下所示：

有用。但是当我尝试应用线性渐变时，它并没有起作用。

对于应用线性渐变，我尝试过的是：

但它没有用。

我正在尝试使用 twind 添加自定义主题，有没有办法将 css 变量与https://twind.dev/一起使用？

我创建了一个使用 vitejs 的反应应用程序，设置如下：

此设置的工作原理如下：

• index.html使用main.js（即，<script src="/src/main.js" type="module"></script>）
• main.js进口 BOTH index.cssANDApp.js
• App.js进口App.css。

现在，我想做的是使用 tailwind@layer指令，如下所示：

现在，这适用于index.css：

这将在tailwind css的组件层中添加一个紫色背景。此外，如果我想用 tailwind-css 类覆盖该类，我可以：

在这种情况下，背景将是绿色，而不是紫色。

但是，这在App.css

在这种情况下，背景不会变成紫色。

我想知道，我怎样才能让@layer指令在App.css文件中工作（就像它在index.css文件中一样。

谢谢。

我尝试使用php artisan ui tailwindcss --auth命令安装 Tailwind UI Auth。CSS Scaffolding 和 CSS auth Scaffolding 都安装成功，我运行命令npm install && npm run dev编译新的脚手架。NPM 安装发生，但在命令的开发过程中，应用程序未正确编译。错误日志如下；

如何克服这个错误？即使我将节点更新到最新版本（v16.1.0）但无法修复错误......

您好，我正面临反应顺风文本区域的问题，我正在申请，mt-5但它不起作用。当我添加使用style={{marginTop:"1.25rem"}}它时，类似的属性，如高度边距......不适用于反应中的文本区域

我实际上发现了一个问题，即反应正在向 textarea 添加一个额外的样式并且覆盖了 textarea，我发现这是检查器，在 textarea 中有一个额外的样式

我怎样才能避免这种额外的风格，谁在添加它，是顺风还是反应

使用 Tailwindscss 如何使用 list-disc 类来设置项目符号样式？

我的 package.json 包括：

我尝试<ul class="list-disc">在不使用和使用 /typography 插件的情况下使用class="prose"它们，它们看起来不同，但都不像预期的那样，Firefox 和 Chrome 看起来一样：

没有容器（清单 1）class="prose"的项目符号完全没有样式，没有缩进，并显示浏览器默认的项目符号点。

使用class="prose"容器（清单 2），它确实创建了一个悬挂缩进和一个较轻的项目符号点，但也有浏览器默认项目符号点（所以双项目符号符号）：

这是创建该视图的 HTML：

我对 Tailwindcss 还很陌生，所以我可能错过了一些“重置”默认项目符号的父元素？

可能的罪魁祸首：罪魁祸首是m-4容器 div 中的类，添加边距会暴露一个在屏幕外悬挂的浏览器默认项目符号，除非有任何填充或边距，在这种情况下它不再在屏幕外。

这是代码:)

我想让我的图像响应。当我折叠屏幕尺寸时，图像也在折叠，而我想让图像和整个容器相对于屏幕尺寸缩小。

谁能帮帮我吗。我是顺风 css 的新手。

谢谢你：）

我对 Vue 和 Tailwind 完全陌生。我只是在查看https://tailwindui.com/components/marketing/elements/headers并看到了Requires JS标签。当我将代码复制粘贴到我的项目时，它会给出一个空白页。我在哪里配置这部分以包含 JS？