我正在使用具有多种颜色主题的 tailwind 3,并且该主题将用于多个应用程序。 我想制作一个预设并将其添加为对我的存储库的依赖,但我遇到以下问题: 我的主题严重依赖 CSS 变量来工作。 它的结构是这样的: index.css@layer base { :root { ...
我正在使用具有多种颜色主题的 tailwind 3,并且该主题将用于多个应用程序。 我想制作一个预设并将其添加为对我的存储库的依赖,但我遇到以下问题: 我的主题严重依赖 CSS 变量来工作。 它的结构是这样的: index.css@layer base { :root { ...
在 hover 上,我正在显示图像和内容。 在桌面上,图像占据父级的整个宽度。 但在手机屏幕上它不起作用。 有办法解决吗? ...
我有一个包含一些元素的 div,我想实现这样的目标 然而,当我将 border-bottom 添加到我的 h5 时,边框采用 div 的长度而不是 h5 元素,就像这样 这是我使用过的代码或顺风类 ...
尽管我添加了@tailwindcss/nesting nesting 和postcss-nesting ,但将 tailwindcss 从 V1 升级到 V3 后出现以下错误 我的postcss.config.js有 tailwind 配置 tailwind.config.js有 不知道为什么嵌套 ...
我正在使用 Angular 15 和 Angular 材料 15,然后我按照说明添加了 Tailwind CSS https://tailwindcss.com/docs/guides/angular 材料组件设计不匹配,如下所示 占位符名称被截断,因为它应该是 该行出现在文本框中。 在 style ...
在尝试使用 tailwindcss 将我的内容垂直和水平居中在嵌套的 div 中时,我很挣扎。<div class="flex flex-col items-center min-h-screen"> <header class="flex-none text-center ...
我正在使用 Tailwind CSS 和 next.js。我有 8 张不同尺寸的图像,我想为中型和大型设备连续保留 4 个图像,为小型设备连续保留 2 个图像。 我想在一行中的项目之间留出相等的空间,但我希望一行中的第一项位于最左边,而一行中的最后一项位于最右边。 项目的 rest 应保持它们之间的 ...
我正在处理一个 Nextjs + Tailwindcss 项目,我面临一些屏幕响应问题。 在我的项目中,每个顺风断点都工作正常,除了“sm”及以下。 这是我的示例代码: 使用上面的代码,如果我在检查模式下重新缩放屏幕,则从 xl 到 md 的每个断点都在工作。 但在 md 以下,我看不到任何变化。 ...
在我的顺风配置中,我扩展了自定义 colors,如下所示: theme: { extend: { colors: { // BACKGROUND COLORS // Light colorBgLight: "#fffef7", colorHeaderBgLight: $colorBgLight, ...
我想延长标题文本的下划线,我必须比文本本身长一点。 我曾尝试使用边框底部来做到这一点,但无法达到设计长度,因为它不会扩展到整个屏幕。是否可以使用下划线来做到这一点? ` ` 我试过使用边框底部,但我不希望整个屏幕只在文字所在的部分加下划线,并且在侧面有一点延伸。 ...
以与暗模式相同的方式为 Tailwind 添加自己的主题的最佳方法是什么? dark class 包含在 HTML 标签中,表示页面现在处于深色模式,我们在定义类以在该模式下设置样式时使用dark:选择器。 我的问题 - 我们 go 如何向 HTML 标签添加额外的类并在 styles 中使用额外 ...
如果我设置在 Docusaurus 中,Tailwind 3 暗模式不工作 tailwind.config.js 在 js 中 如果我删除重要的:“#tailwind”,暗模式开始工作,如何让它与 id 一起工作? ...
我有顺风的问题,w-96 显示正确而 w-86 显示不正确,这是什么问题? 这里的图片 ...
我已经建立了一个网站,但我在使用站点地图生成器时遇到了问题。 它没有在“en”文件夹中看到 html 文件,第二语言文件在哪里。 我应该怎么做才能找到它们? 我错过了什么? 我已经上传了我的根文件和 tailwind.config.js 的照片 ...
我已经为此工作了大约 3 个小时,但无法对此有所了解。 我正在使用 laravel 9. 和 laravel 混合。 我已按照TailWind 网站上显示的升级顺风的说明进行操作。 然而,调色板没有完全安装。 例如,在public/css/app.css中编译创建css文件后,app.ZC7A628 ...
我在 DIV 标签下有社交图标的无序列表。 我想将 DIV 包装到它的内容和中心,为此我使用了 flex-wrap 和 mx-auto 但是 DIV 仍然占据全屏大小并且它的内容不居中。 请告诉我如何使 DIV 在屏幕上居中? ...
我对 Tailwind CSS 还是很陌生。 有谁知道如何归档以下示例? 我一直在尝试使用relative和absolute定位但我不确定如何将绝对属性居中。 任何输入将不胜感激。 <div class="relative h-64 m-8 overflow-hidden bg-indig ...
我很容易用纯 css 和 html 写了这个例子但是我在理解如何在顺风上有效地做同样的例子时遇到了困难。 我假设如果不编写额外的类来切换“活动”状态,这是无法做到的。 而且您必须将这些类放在单独的文件中。 不知何故,这一切都很困难,因为如果你这样做,那么一些 styles 将在 html 中,而一些 ...
我阅读了PostCSS plugin Guidlines指令,为测试编写了一个简单的插件。 但我不明白如何将它连接到顺风。 我知道有一个 postcss.config.js 文件是关于以下内容的 但是我在那里添加插件的所有尝试都会导致错误找不到模块“testplugin” 我使用顺风 3.1.8 ...
按钮:<div class="p-8"> <button class="btn green group border-none ring-2 ring-green-600 bg-transparent border-transparent p ...