堆栈内存溢出
cost 185 ms
如何避免在 Tailwind CSS 中将主题更改为暗模式

[英]How to avoid change theme to dark mode in Tailwind CSS

我在我的 Next.js 项目中使用tailwindcss 。 而且我的组件中没有使用深色styles，所有组件都是浅色风格。 但是当操作系统主题更改为深色模式时，我的网站显示为深色。 如何禁用暗模式自动更改我的项目？ ...

如何在 React 中使用 Tailwind 将状态栏背景设为白色？

[英]How can I make my status bar background white with Tailwind in React?

我在一个网站上工作，使用 reactjs 和 tailwindcss 构建，现在我正试图让它在我的 iPhone (Safari) 上看起来不错。 但我似乎无法将状态栏/背景设为白色。 我试过用 React 头盔添加元标签，但这没有做任何事情： 我试过这个： 但是也没有任何东西可以使状态栏变白. ...

根据 Vue3/Nuxt3 中的用户输入动态更改 tailwindcss 颜色

[英]Dynanically change tailwindcss color based on user input in Vue3/Nuxt3

我正在尝试为用户建立一种定义网站主色的方法。 在定义我的 tailwind 类时，我想使用类似bg-primary-600东西而不是对颜色进行硬编码，这样当primary的值发生变化时，它会更新样式。 这里有我的测试环境： https://stackblitz.com/edit/nuxt-start ...

一些 Tailwind CSS styles 没有被应用

[英]Some Tailwind CSS styles are not being applied

一些 Tailwind styles 没有被应用。 在此图像中，您可以看到向此 div 添加了两个类，但是这些 styles 在 DOM 中不可用。 请帮助。 ...

使用 Tailwind CSS 隐藏移动版本的内容并在桌面上可见

[英]Hide content from mobile version and make visible on desktop, using Tailwind CSS

我尝试使用 Tailwind hidden class 仅在移动屏幕上隐藏我页面中的内容，但它在桌面版中隐藏，在移动版中可见。 我想要相反的。 我的代码：<nav class="hidden lg:block">abc</nav> 我还尝试使用visible和invisib ...

如何阻止两个具有绝对定位的嵌套 div 相互重叠？

[英]How to stop two nested divs with absolute positioning from overlapping each other?

我目前正在开发的项目存在响应问题我有一个带有两个嵌套 div 的侧边栏（看起来彼此“分开”的部分 - 请参见下面的预览），只要屏幕高度低于适合屏幕上所有元素所需的空间，它们就会相互重叠. 重叠元素我想知道如何阻止底部与顶部重叠并使侧边栏的内容从该点开始滚动（一旦“声音检测细节”容器开始与“STRO ...

使用 Tailwind 的全高柱 CSS

[英]Full-height column using Tailwind CSS

我有一个使用 Tailwind CSS 的 React 项目，我希望边栏占据徽标下方的整个高度，并让左侧的链接具有特定宽度，但它不起作用 配置文件.jsximport { useContext, useState } from "react"; import { useLocation } fro ...

保持图像纵横比，同时将元素绝对定位在图像顶部（tailwind 纵横比插件）

[英]Maintaining image aspect-ratio while absolutely positioning elements on top of image (tailwind aspect ratio plugin)

我正在尝试 position 绝对是图像顶部的标签。 我正在使用纵横比插件来保持图像的纵横比，无论屏幕尺寸如何 https://github.com/tailwindlabs/tailwindcss-aspect-ratio 这是我的尝试： https://play.tailwindcss.com ...

如何使用多个自定义设置 nativewind 元素的样式 styles

[英]How to style nativewind element with multiple custom styles

我想用我自己的具有某些属性的自定义类名来设计一个组件。 Tailwind 允许您通过 App.css 执行此操作，但在 React Native 应用程序中没有。 您如何将“.title”class 添加到具有某些属性的 tailwind 中？ 将其应用于文本 JSX object： ...

Webpack 与 Tailwind CSS JIT 集成

[英]Webpack with Tailwind CSS JIT integration

我目前很难将 Tailwind JIT 编译器与 Webpack.js 集成。 目前几乎一切正常（自定义 colors、自定义 fonts、自定义媒体查询等...），除了 JIT 编译器。 任何人都知道我做错了什么？ （运行在Wordpress环境） 提前致谢！ 编辑：根据 Karl Hill 的 ...

为什么 tailwind 在我运行 npm run start 时不起作用，但在我运行 ng serve 时却起作用

[英]Why tailwind does not work when I run npm run start, but it works when I run ng serve

我有一个 angular 15 应用顺风。 代理.conf.json： package.json： 当我运行ng serve应用程序时，tailwind design 可以正常工作，但由于缺少代理，我无法与后端通信。 当我运行npm run start ，代理工作，但顺风不工作。 它只显示默认值 ...

下拉传递落后于 swiperjs、z-index 问题或 tailwindcss 问题？

[英]Dropdown pass behind swiperjs, z-index issue or tailwindcss issue?

我正在尝试使用 SwiperJS，但我认为 z-index 有问题。 我的菜单位于 slider 下面，我不明白这是怎么回事。 我试图在菜单上放置一个z-index: 1000 ，在 slider 上放置一个z-index: 1 。 我试图在 slider 上放置一个z-index: -1并且它有 ...

如何将 inline-flex label 与其周围的文本垂直对齐？

[英]How do I align an inline-flex label vertically with the text surrounding it?

我有一个 label，它有display: inline-flex和 span。 我想将 label 居中，以便其文本的中间与文本的 rest 正确对齐。 未对齐 label 我怎么能这样做？ 我想这是一个常见的问题，因为带标签的文本相当普遍。 我的代码使用顺风类。 我试过设置周围文本的行高，但这 ...

在 reactjs 全局缩放 tailiwnd 字体大小

[英]Scaling tailiwnd font size in reactjs globally

在我的 React 应用程序中，使用 tailwind css，是否有任何我可以调整的全局设置，以便我的 fonts 随屏幕尺寸缩放。 例如，在大于 2xl 的屏幕上，我希望我的 text-sm 为 1 rem 而不是默认的 0.875rem ...

将 SVG 垂直对齐到可用空间的中心

[英]Vertically align SVG to center of available space

我有一张 Tailwind 卡，它在大屏幕的左侧显示一个 SVG 图标，在中等大小的屏幕和更小的屏幕上显示在顶部。 我可以沿 x 轴对齐图标。 但是，在 y 轴上我无法正确处理。 我使用了一些填充类，它们可以完成一些工作。 因为我可以将图标从顶部移开，但这也会在图标和下面的文本之间增加额外的空间。 ...

<img>标记和 CSS - 如何通过将图像缩小到可用高度来停止溢出

[英]<img> tag and CSS - How to stop overflow by scaling the image down to the available height

我一直在尝试在 Yew + tauri 中制作图像查看器组件。 我正在为我的 css 使用 tailwindcss。我有一个列 flexbox： 图像包含在一个 div 中。 主要标签是： 我已经在&lt;img&gt;标签和&lt;div&gt;标签上尝试了所有的object-x选项。 我已经在两 ...

将父 div 设置为 min-h-screen 如何影响其子项？

[英]How does setting a parent div to min-h-screen affect its children?

我无法让我的 React 应用程序填满整个屏幕，同时又无法正确调整其子项的大小。 为什么这有效： 这不是： 我查看了文档和其他帖子，但没有真正触及这个特定问题。 此外，尽管 h-screen 使孩子们的行为符合预期，但当需要滚动时它不会填满整个屏幕。 我很感激任何输入，谢谢。 ...

在 x-bind alpinejs 上应用 x-transition

[英]Applying x-transition on x-bind alpinejs

我做了一个小片段，当你使用 x-bind 在图像上 hover 时，图像发生了变化，变化非常迅速，所以我想给它添加一些过渡，但它不起作用。 似乎 x-transition 可能只适用于 x-show。 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM