Tailwind css中HTML元素的定位

文章/答案/技术大牛

发布

2回答

html、css、vue.js、css-position、tailwind-css

我正在努力学习tailwind-css，或者我想说学习css，我正在努力解决元素的位置问题。使用Vue js组件。到目前为止，我完成了几个元素的设计：我想在banner/dark-blue区域内添加一些形状或设计，然后在其中添加一些小工具框。：我的方法是固定父元素的位置或使其相对，然后将形状定位为相对于其父元素的</em

浏览 22提问于2020-03-01得票数 4

回答已采纳

2回答

定制彩色顺风

javascript、tailwind-css

我一直在阅读裁剪器的文档，但我只是不能将我的'tailwind.config.js‘文件配置为属性，将一个自定义的颜色属性导出到我的HTML中。我做错什么了吗？我安装了顺风CSS2.0依赖项以及postcss/自动重定位器。下面是我的三个主要文件。我试图让自定义的颜色名称“稍微”工作，但只是不着色我的身体背景。想知道我是否在JS文件中不正确地导

浏览 0提问于2021-06-24得票数 0

回答已采纳

2回答

顺风css文件非常大，2.42MiB，我如何减少这个文件的大小使用laravel？

laravel、tailwind-css

 顺风css文件非常大，2.42MiB，我如何减少这个文件的大小使用laravel？

浏览 0提问于2020-08-27得票数 3

2回答

顺风CLI的--注意不能正常工作

tailwind-css

每次向index.html文件添加一个新类时，我都需要手动重新构建output.css文件。/index.html'], extend: {}, plugins: [],我应该运行npm run build一次，每次保存html文件时，侧风都应该将我的新类添加到output.css中。但是没有，我在保存index.html之后检查了文件，在那里找不到我的新类。但CL

浏览 4提问于2022-08-04得票数 4

1回答

我正在尝试将顺风集成到一个需要一些定制的项目中，但主要使用来自现有设计系统的许多组件。下面是一个场景。我有一个页面元素，它有一个页面标题子组件，我们可以访问它，但是页面标题子组件有一个嵌套组件和类‘页面标题-分隔符’。 <page-header> <!-- the item below is created from the design system, wanted to set a style with <em

浏览 3提问于2022-05-18得票数 0

2回答

not + Vue项目中没有加载的标记样式

vue.js、nuxt.js、markdown、tailwind-css、javascript-marked

我正在开发一个Vue + Nuxt + Tailwind项目，并使用库将文本转换为标记。不知道这是什么问题。如果需要更多的细节，请告诉我。

浏览 4提问于2021-10-16得票数 2

回答已采纳

2回答

不应用尾风特性的ExpressJS

express、pug、tailwind-css

尝试使用Tailwind进行样式设计，但是无法让Tailwind根据在Pug文件中添加的类名来修改我的CSS。以前有人遇到过这种情况吗？这里是我试图修改“测试顺风”显示方式的Pug文件。我能够用顺风样板库、组件和实用程序填充我的style.css文件。如果我在styles.css中设置类名的样式，它就能工作，所以文件被正确地链接.

浏览 14提问于2022-06-04得票数 0

1回答

为什么尾风列表样式类型不起作用

css、tailwind-css

我已经使用npm安装了Tailwind CSS，我使用的是"tailwindcss": "^2.2.15"版本。当我试图在我的段落上应用列表样式类型时，它不工作，它不显示任何带有内容的样式类型。下面是我的代码，它在play.tailwindcss.com CODE上运行良好但是，当我在本地代码编辑器中编写完全相同的代码时，它并不能按预期工作。当我在本地运行它时，截图显示了完全相同的代码。 ?

浏览 16提问于2021-09-21得票数 0

回答已采纳

1回答

顺风班的别名？

css、tailwind-css

我希望更改顺风hidden类的名称，以便每当我想使用display:none时，都可以使用单词no-display而不是hidden。我假设这是我可以在顺风配置文件中进行的更改，但我似乎无法确切地知道如何以及需要在该文件中进行哪些更改。谢谢你的帮助

浏览 7提问于2022-09-29得票数 2

回答已采纳

4回答

角4 TalwindCSS装置

css、angular、configure、tailwind-css

是否有方法配置的角度(4+)？我很高兴弹出的角度项目，以使webpack的配置可用。但我不知道该在webpack.config.js中放什么，这样TailwindCSS就能很好地处理角的内部结构。如果设置这样的设置，我仍然可以对dev (类似于npm start)使用一个命令，并继续记录所监视的更改(包括CSS)，那就太好了。建设项目也是如此。

浏览 1提问于2017-11-19得票数 3

回答已采纳

2回答

安装后TailwindCSS无法工作

tailwind-css、tailwind-3

我跟踪并安装了TailwindCSS：以下是tailwind.config.js文件的内容： content: ["./src/input.css -o ./dist/output.c

浏览 4提问于2022-05-16得票数 0

1回答

vue-tabs-组件自定义类

vue.js、vuejs2、vue-component

有问题的组件是，我已经实现了它，但是当使用带有Tailwind的类时，样式不起作用，组件似乎绑定到编译的类。transform: translate3d(-50%, -50%, 0); top: 50%;}下面是我想要的最终结果当我添加选项卡(上面的代码)时，我会得到这样的结果任何帮助都是非常感谢的。

浏览 0提问于2018-06-19得票数 0

3回答

如何在保持填充的同时使元素达到完全高度？

html、css、tailwind-css

如何在保持填充的同时使下面的div元素(请参阅代码中的注释)达到完全高度？<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"/&

浏览 1提问于2021-07-06得票数 0

回答已采纳

2回答

用django配置尾风

css、django、configuration、tailwind-css

我可能只是做错了顺风方面，但我知道我配置了我的django静态文件正确。我看过所有我能找到的视频，但没有一个能解决我的具体问题。解释顺风配置在低水平上的工作方式也会有帮助，这样我就可以自己诊断问题了。

浏览 2提问于2022-09-18得票数 5

1回答

field_with_error不触发尾风CSS样式

css、ruby-on-rails、tailwind-css、field-with-errors

，并且样式将完美地应用到HTML中。但是，当表单抛出验证错误(假设：name字段为空)时，我无法将Tailwind类应用于有错误的字段(例如红色边框、红色文本)，因为field_with_error类在new.html.erb视图文件中找不到，由于Tailwind扫描源代码以确定要编译什么CSS (或者不编译)，所以它可能不会“看到”任何实际包含field_with_errors的HTML代码，因此不会加载添加到ap

浏览 8提问于2022-07-15得票数 2

回答已采纳

1回答

不能使用顺风类

html、web、visual-studio-code、tailwind-css

我是nodejs的新手，我学习了官方安装文档中的安装教程。但是在做完所有的步骤后，不知怎么我还是不能使用顺风类。有什么额外的步骤，我需要遵循或有什么地方不对劲吗？

浏览 2提问于2021-12-22得票数 1

7回答

Nuxt3:如何使用尾风

nuxt.js、tailwind-css、unocss

第一次尝试在Nuxt3上通过(不是通过，因为它是针对Nuxt2的，而不是使用Nuxt3的。)install -D tailwindcss@latest postcss@latest autoprefixer@latestexport default { '~/assets/tailwind.css', ]

浏览 12提问于2021-09-09得票数 3

回答已采纳

12回答

安装后，顺风类无法工作。

html、css、tailwind-css

我尝试使用CSS，我只需安装带有npm的尾风，然后我构建css并提供output.css。但是，当我在按钮中使用bg-黑色类进行测试时，它仍然不起作用。目录文件路径：在src/style.css中@<e

浏览 22提问于2022-01-04得票数 18

1回答

为什么顺风css没有作用？

tailwind-css、parceljs

没有错误，但Tailwind没有应用任何样式："dependencies": {module.exports = plugins: tailwindcss: {}, }tailwind.config.jsdoctype html<

浏览 1提问于2021-01-12得票数 3

回答已采纳

1回答

条纹上的聚焦元素不能与尾风一起工作

reactjs、stripe-payments、tailwind-css

在我的React应用程序中，我在表单中包含了这段代码： <div className="focus:border-orange-400 bg-white border appearance-noneborder-gray-400"> <CardElement /> </div> 其中'CardElement‘是React Stripe Js的一部分。正如我从条纹文档中了解到的，您还可以这样做： &l

浏览 12提问于2020-10-18得票数 0

回答已采纳

点击加载更多