tailwind-3 相关问题

Next.js 14 个 tailwind css 类不起作用

我在新项目中将 Tailwind CSS 与 Next.js 14 一起使用，但是当我在 page.tsx 文件中使用 Tailwind CSS 类时，它不起作用。我尝试更改 tailwind.config.ts 和 tailwind.config.js acco...

如何同时运行nodemon和tailwind？

构建节点项目时，我的启动脚本是： “开始”：“nodemon app.js” 和我的 tailwind 脚本来运行构建过程： "tailwind:css": "postcss ...

tailwind 配置文件无法访问

我对 tailwindcss 自定义颜色有疑问。我们在 tailwind.config.js 中添加了自定义颜色。 tailwind 配置文件位于根目录中。民众源代码包 json postcss c...

Tailwind 缺少很多款式

我使用 Laravel Breeze 以 Vue 为基础构建了一个新网站。现在发现 Tailwind 文档中定义的内容缺少很多类。编辑：为了澄清这些是我尝试过的课程...

使用 Prettier 进行自动 Tailwind 类排序无法按照文档中所述工作

我在 macOS 和 VSCode 上遇到 Prettier 自动 Tailwind 类排序插件的问题。根据文档，自定义类应该排序到类的前面...

顺风未加载颜色

有简单的html：公共/index.html：有简单的html： public/index.html: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body class="text-red-600"> some text </body> css 是从 tailwindcss -i src/styles.css -o public/styles.css 获取的 src/styles.css: @tailwind base; @tailwind components; @tailwind utilities; tailwind.config.js: module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: {}, }, plugins: [], } <body>标签中的红色不适用。默认的顺风类别是否导入到public/styles.css？ Tailwind 配置中的 public/index.html 文件似乎没有覆盖 content 文件。您必须确保使用 Tailwind 类的源代码文件被 content 文件 glob 覆盖，否则 Tailwind 将不会扫描这些文件，也不会为存在的类名生成 CSS 规则。考虑阅读有关配置的文档content。 module.exports = { content: [ "./src/**/*.{html,js}", "./public/index.html", ], theme: { extend: {}, }, plugins: [], }

Tailwind CSS + React - 配置棘手的响应式布局

我想使用 Tailwind 配置一个在更大屏幕上改变的布局。但是，我无法配置布局，以便在移动设备和更大的屏幕上进行调整......

Tailwind 中的断点问题

好吧，这很奇怪。我已经阅读了与此相关的多个其他问题，但似乎没有任何办法可以解决它。除了断点外，Tailwind 工作正常。我心里有这个...

React 中 Tailwind 动态类值编译的问题[重复]

我目前在尝试基于 Tailwind CSS 中动态生成的网格大小变量创建网格时遇到问题。当我使用变量设置 grid-template-rows 和 grid-template-co...

Next.js 项目中自定义类的 Tailwind CSS 编译错误

我正在使用 Tailwind CSS 开发 Next.js 项目，但遇到了似乎无法解决的编译错误。该错误与我在 theme.css 中定义的自定义实用程序类有关...

使用 tailwind 从资源管道中插入背景图像

我一直在尝试在我的项目中使用 Tailwind 添加背景图片，但它不起作用，我猜是因为某个地方的资产管道冲突？我尝试过的：插入

Tailwind css 类不适用于我的组件，直到我将其带到我的 page.js

tailwind 在我的 nextjs 项目上无法正常工作，我已经检查了所有配置，但没有任何检查结果。我发现当我从导航栏组件中携带代码时它开始工作

如何让 Tailwind Intellisense 处理 .html.erb 文件？

根据我从有类似问题的人那里找到的大多数帖子，我将以下内容放入我的 VScode settings.json 中： “tailwindCSS.includeLanguages”：{ “javascript”：...

带有 Tailwind 风格的 Sveltekit 套件

我正在尝试使用 svelte 打包库创建一个 Svelte 组件包（您可以使用 npm create svelte@latest 并选择 svelte 库进行设置。然后我在

TailwindCss 自定义颜色无法在 javascript 中访问

我对 tailwindcss 自定义颜色有疑问。我们在 tailwind.config.js 中添加了自定义颜色。 tailwind 配置文件位于根目录中。民众源代码包 json postcss c...

taiwlind JavaScript 无法在 blazor .net8 中使用 @rendermode InteractiveWebAssembly 执行

我最近配置了一个具有自动渲染模式的 Blazor 项目，并结合了 Tailwind CSS。然而，在 Razor 页面中使用需要 flowbite.min.js 的组件时，我遇到了挑战...

屏幕外水平滚动的顺风问题（溢出）

我有一个使用 Tailwind CSS 的基于 React 的 NextJS 应用程序。有一个页面组件显示从 A 到 Ö（瑞典语 aplhabet）排序的人员列表。使用移动视图时，UX 指出

为什么Nextjs 14显示按钮与next/font和tailwind不同？

我正在尝试升级到nextjs 14，但坚持如何使用next/font。我有两个具有完全顺风类的按钮，只是最后一个的 nextjs 字体类名不同这是我的代码我...

如何在 Tailwind 中创建没有滚动条的可滚动元素

我正在尝试重新创建一个带有顺风的水平滚动导航栏，底部没有滚动条，就像这个例子一样（减少屏幕的宽度以便能够滚动） https://getbootstrap.com/d...

具有固定标题和可滚动正文的 Tailwindcss 表格

我正在尝试使用 Tailwind 构建一个具有固定标题和可滚动正文的表格。请注意，只有表格的主体应该是可滚动的，而不是周围的 div。这是为了防止

pandas 系列替换为回填替代品

pandas.Series.replace 的文档包含一个示例： >> 将 pandas 导入为 pd >> s = pd.Series([1, 2, 3, 4, 5]) >> s.replace([1, 2], method='bfill') 0 3 1 3 2 3 ...

使用指向c中数组的指针返回二维数组

#包括 int (*createArray())[3] { 静态 int arr[2][3] = {{1, 2, 3}, {4, 5, 6}}; 返回 arr； } int main() { int (*ptr)[3] = createArray(); 对于 (int i = 0; i &l...

如何执行 QtWidgets.QTableWidget.setHorizontalHeader() 来保持默认行为？

pyqt5。常规表：从 PyQt5 导入 QtWidgets 应用程序 = QtWidgets.QApplication([]) 表 = QtWidgets.QTableWidget(3, 3) table.setHorizontalHeaderLabels(['1', '2', '3']) 表.show() app.exec_()...

Python 3 str.join() 保证顺序吗？

Python 3（标准实现）是否保证以下代码始终生成字符串 2, 3, 1？ ', '.join(['2', '3', '1']) 如果是，此功能（订单保持）在哪里记录？...

gridview点击后如何知道点击了哪个单元格

我有一个 PROJECT_EFFORT 表。项目 ID、年份、月份、工作量 1, 2022, 12, 10 2, 2022, 12, 20 2, 2023, 1, 100 2, 2023, 2, 50 2, 2023, 3, 30 3, 2023, 3, 40 3, 2023, 4, 10 3, 2023, 5, 120 4、...

在js中查找数组的所有子集

这里我编写了一个程序，它将找到所有子集数组，就像数组是 [1, 2, 3] 一样，我想要输出像 [[], 2],, 2, , [2, 1 ], 3, , [3, 1], [3, 2], [3 我写了一个程序

YugabyteDB 中 3 个集群的双向异步复制

我有 3 个集群，每个集群有 3 个节点。所有 3 个集群均使用双向引导复制进行链接。我正在做一些压力测试。场景 1：其中一个数据中心发生故障...

将 R 中 3 个变量的总和重新调整为恰好等于 1

我有一个如下数据框，其中有 3 列，每列代表在单个活动中花费的时间比例。 df <- data.frame(ID = c(1, 2, 3, 4), (time_1 = c(0.25...

如何在 DolphinDB 中使用元编程重写脚本？

st = take(`a, 7) 加入 take(`b, 6) 日期 = 2023.08.01 + 0 1 3 6 7 8 9 0 1 2 3 8 9 值 = 35 34 35.79 33.26 32.88 33.73 31 25 24 22 25.79 21 31 t = 表（st、日期、val）市场日 = 2023.08.01 + 0 1 2 3...

Python 将字节数据的字符串表示转换为浮点数据

我通过网络套接字发送了 12 个字节，用于表示 3 个浮点值。另一个程序执行此操作：浮点 m_floatArray[3]; ... Serial.write((byte*) m_floatArray, 12); //12 b/c 3 浮在 4

使用sympy求解具有绝对值的两侧不等式

比较简单的数学题，求3的范围<= Abs[6 - x] <= 5. Not hard to solve by hand, and Mathematica nails it, with the answer 1 <= x <= 3 || 9 <= x <= 11. The

如何使用 jinja2 在 Ansible 中加入引号？

我有一个ansible列表值：主机= [“站点1”，“站点2”，“站点3”] 如果我尝试这个：主持人 |加入（”， ”）我得到：站点 1、站点 2、站点 3 但我想得到： “站点1”、“站点2”、“站点3”

不支持的运算：Infinity 或 NaN toInt

从另一个页面启动幻灯片拼图项目时出错。类 PuzzlePage 扩展 StatefulWidget { 最终 int 行、列； PuzzlePage({int 列 = 3, int 行 = 3}) ：列 =

SQL：如何检索上一年的平均值？

我的数据集有问题月年销售量 1 2021年 100 2 2021年 150 3 2021年 200 1 2022年 100 2 2022年 140 3 2022年 120 1 2023年 100 2 2023年 100 3 2023年 100 我想添加一个新列，例如...

C# 集合在删除然后添加元素后包含预期的自身

我收集了一些。 1 2 3 例如，当我删除 2 时，集合将变为 1,3。但是，当我去添加另一个项目时，列表变成 1 3 3 因为顺序是基本的...

如何决定torchsummary.summary(model=model.policy, input_size=(int, int, int))的'input_size'参数？

这是我的 CNN 网络，由“print(model.policy)”打印： CNN政策( （演员）：演员（ (features_extractor): CustomCNN( (cnn): 顺序( (0): Conv2d(1, 32, kernel_size=(3, 3), st...

在 SQL Developer 上运行创建表学生时出错：CREATE TABLE Students

创建表学生（年号(4) NOT NULL, 学期 VARCHAR2(1) NOT NULL CONSTRAINT Stu_sem_ck CHECK (学期 IN ('1', '2', '3')), 部门 VARCHAR2(3) NOT NULL, 课程编号...

Tailwind 和 CSS 动画环偏移缩小

<div class="flex flex-col items-center justify-center rounded-xl bg-[#101638] px-5 pb-8 pt-7"> <div class="relative mb-5 cursor-pointer"> <img class="mx-auto max-w-[90px] rounded-full p-1 ring ring-offset-8 ring-offset-[#101638] hover:ring-offset-0 ring-[#133e8d] md:max-w-[114px]" src="/images/Avatar1.png" alt="Bordered avatar"> <div class="absolute bottom-1 right-2 rounded-full bg-blue-600 px-2 py-1 ring-4 ring-[#0d1129]"> <svg class="svg-inline--fa fa-message-dots text-white" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="message-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path class="" fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zM128 240a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm128 0a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm160-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"></path> </svg> </div> </div> <div> <h1 class="font-bold">First Name</h1> </div> <div> <h1>Name</h1> </div> <div> <h1 class="text-[#636da8]">Project Mngr</h1> </div> </div> 如何为任何 css/tailwind 解决方案的偏移环的过渡设置动画？例如，这 2 个缩略图，左边的缩略图悬停在其上，右边的缩略图是初始状态。我希望它在缩略图悬停时有一个缩小的动画，而不是我当前的动画，因为它非常突然您可以考虑应用包含 transition-property 的 box-shadow CSS 值，例如 transition 或 transition-all Tailwind 类，以及非 0 transition-duration，上述类名也设置了： <script src="https://cdn.tailwindcss.com/3.4.1"></script> <div class="flex flex-col items-center justify-center rounded-xl bg-[#101638] px-5 pb-8 pt-7"> <div class="relative mb-5 cursor-pointer"> <img class="mx-auto max-w-[90px] rounded-full p-1 ring ring-offset-8 ring-offset-[#101638] hover:ring-offset-0 ring-[#133e8d] md:max-w-[114px] transition" src="https://picsum.photos/90/90" alt="Bordered avatar"> <div class="absolute bottom-1 right-2 rounded-full bg-blue-600 px-2 py-1 ring-4 ring-[#0d1129]"> <svg class="svg-inline--fa fa-message-dots text-white" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="message-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path class="" fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zM128 240a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm128 0a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm160-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"></path> </svg> </div> </div> <div> <h1 class="font-bold">First Name</h1> </div> <div> <h1>Name</h1> </div> <div> <h1 class="text-[#636da8]">Project Mngr</h1> </div> </div> 否则，您可以考虑通过 transition-property: box-shadow Tailwind 类应用 transition-duration: 150ms; 和 transition-[box-shadow]（以及其他属性）以仅转换 box-shadow： <script src="https://cdn.tailwindcss.com/3.4.1"></script> <div class="flex flex-col items-center justify-center rounded-xl bg-[#101638] px-5 pb-8 pt-7"> <div class="relative mb-5 cursor-pointer"> <img class="mx-auto max-w-[90px] rounded-full p-1 ring ring-offset-8 ring-offset-[#101638] hover:ring-offset-0 ring-[#133e8d] md:max-w-[114px] transition-[box-shadow]" src="https://picsum.photos/90/90" alt="Bordered avatar"> <div class="absolute bottom-1 right-2 rounded-full bg-blue-600 px-2 py-1 ring-4 ring-[#0d1129]"> <svg class="svg-inline--fa fa-message-dots text-white" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="message-dots" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path class="" fill="currentColor" d="M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zM128 240a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm128 0a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm160-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"></path> </svg> </div> </div> <div> <h1 class="font-bold">First Name</h1> </div> <div> <h1>Name</h1> </div> <div> <h1 class="text-[#636da8]">Project Mngr</h1> </div> </div>

创建一个bat文件，依次运行3个程序

你好，我有 3 个程序，我每天都会一一运行，我想创建一个 bat 文件来运行这 3 个 exe 文件，但我无法让它工作。这是我的文件： @回声关闭 echo“开始音频” 圣...

DHCP响应中的giaddr字段和DHCP option 3有什么区别？

我有一个已经使用多年的 DHCP 客户端。到目前为止，它始终从 DHCP 选项 #3 获取其网关 IP 地址。现在使用不提供选项 3 的新 DHCP 服务器运行（是的，我...

Apss 脚本“if”条件评估不正确

oldnames[i+3]='汤姆' newnames[i]='汤姆' 当两个参数具有相同的值时（见上文），为什么我的代码会执行？对于 (var i=0 ; i oldnames[i+3]='汤姆' newnames[i]='汤姆' 当两个参数具有相同的值（见上文）时，为什么我的代码会执行？ for (var i=0 ; i<pocet2 ; i++) { var oldnaz=(oldnames[i+3]).toString(); var newnaz=(newnames[i]); oldnaz=oldnaz.toString(); newnaz=newnaz.toString(); //Logger.log("oldname = "+oldnaz); //Logger.log("newname = "+newnaz); if(newnames[i]=='' ) { //Logger.log(ss.getSheetByName(oldnames[i+3]).getSheetName()); //Logger.log(i); //Logger.log(i+3); ss.getSheetByName(oldnames[i+3]).setName((i+1).toString()); } ** else if(newnames[i] != oldnames[i+3]) { //Logger.log(newnames[i]); //Logger.log(oldnames[i+3]); ss.getSheetByName(oldnames[i+3]).setName(newnames[i]); }** else { //Nothing } } 我尝试对代码进行一些更改，但结果在各方面都是如此：条件为 TRUE。但是当第一个值是 Tom 并且第二个值是 Tom 时，则 else if(Tom != Tom) 应该为 FALSE。非常感谢您的提示。如果 oldnames 和 newnames 来自使用 range.getValues() 的范围，则这两个变量都是二维数组而不是一维数组。因此，oldnames[i+3]='Tom' newnames[i]='Tom'是假的，那就是 oldnames[i+3]=['Tom']; //array newnames[i]=['Tom']; /*<ignore>*/console.config({maximize:true,timeStamps:false,autoScroll:false});/*</ignore>*/ const newname=['Tom']; const oldname=['Tom']; console.log(newname != oldname);//expected true  <script src="https://gh-canon.github.io/stack-snippet-console/console.min.js"></script> 两个数组无法进行比较。获取里面的字符串并比较： else if(newnames[i][0] != oldnames[i+3][0])

过去 3 个月收到的电子邮件总数

我有下表，需要查找每个客户发送的电子邮件的 3 个月滚动总数。客户 ID 日期邮件已发送 1 2023-06-30 2 1 2023-05-31 无效的 1 2023-04-30 3 1 2023-03-31 2 1 2...

如何使用 JavaScript 打印数组中的元素

我有一个包含元素的数组，例如 array = ["example1", "example2", "example3"]。如何按以下格式打印？示例 1 2. 示例 2 3. 示例 3...

`findall` 来自 Julia 中的笛卡尔索引向量

CI 是给定的向量。每个元素都是笛卡尔索引。朱莉娅> CI 5 元素向量{CartesianIndex{3}}：笛卡尔索引(1, 3, 1) ...

如何展平嵌套字典？

我有一个字典富： A： AA1：1 AA2：2 乙： BB1：3 BB2：4 我想将其转换为： - {键：a，子键：aa1，值：1} - {键：a，子键：aa2，值：2} - {键：b，子键：bb1，值：3} - ...

主/细节防止细节组合

假设你有一个主表，其中有一些数据主ID 主数据 -------- ---------- 1 数据1 2 数据2 3 数据3 以及引用主表的明细表

累积在列的每个单元格中输入的当前值和先前值

我想保存单个单元格的累加和。例如：如果在单元格 E2 中写了 3，我希望单元格 F2 保存值 3。如果E2更改为2，则将旧值3添加到新值2并显示...