Tailwind CSS的基础: grid-padding-x和grid-margin X？

文章/答案/技术大牛

发布

1回答

css、zurb-foundation、tailwind-css、gutter

我们如何在Tailwind CSS中做间隔？下面是我对gap-4的尝试： <div class="flex flex-col justify-center items-center h-64 bg-green-100 gap-4"> <div class="cell medium

浏览 31提问于2021-07-20得票数 1

1回答

Tailwind CSS的基础:网格项目的中心对齐？

css、zurb-foundation、tailwind-css

如何让网格项在Tailwind中居中对齐，就像我们在Foundation中所做的那样基础： <div class="grid-x grid-padding-x align-center-middleam in the center-middle</div></div>

浏览 39提问于2021-07-20得票数 0

回答已采纳

1回答

下一步-dev.js:89 TypeError:无法读取属性'parentNode‘的null

reactjs、next.js、tailwind-css

我的整个布局也是错误的，我猜是因为尾部的错误。这是我的_app.tsximport "tailwindcss/tailwind.css" import "..

浏览 3提问于2021-01-31得票数 0

回答已采纳

2回答

Zurb基金会-删除小屏幕上的网格填充？

css、grid、zurb-foundation、zurb-foundation-6

我试图删除下面的网格项在较小屏幕上的右和左填充：<div class="row row-cards"> <div class="grid-x grid-padding-x"> CSS： /* Small only *&#

浏览 2提问于2017-10-05得票数 0

回答已采纳

2回答

我的CSS是用Tailwind做的，不能在netlify的gridsome上构建

build、netlify、tailwind-css、gridsome

当我构建(netflify build)我的Gridsome个人网站时，顺风CSS类不起作用，网站看起来就像没有CSS一样。const tailwind = require('tailwindcss'); const pos

浏览 3提问于2019-09-14得票数 2

3回答

如何确定Tailwind Css的作用域

tailwind-css

我找不到一种好的方法来确定顺风CSS的范围，因为我不想让它全局地应用于自定义构建选项的系统中。从本质上讲，我想这样做： .tailwind{ @因此，让它工作的唯一方法是将构建分成两个阶段，然后导入编译后的css，如下所示： .tail

浏览 106提问于2020-09-06得票数 9

回答已采纳

1回答

将tailwindcss CSS与CSS模块组合

css、reactjs、create-react-app、styling、tailwind-css

在我添加了每个代码片段并重新加载网页后，所有默认的CSS样式都消失了(h1、flex等)。是因为我没有用整个项目正确地配置tailwindcss，还是删除了所有默认的样式规则而你必须指定基础是很正常的。通过配置，我的意思是你只需要添加：@tailwind components;仅在index.css文件中，而不是每个.css</em

浏览 4提问于2021-01-19得票数 0

1回答

如何防止ViewData核心Razor中的ASP.Net内容编码？

asp.net、asp.net-mvc、razor

这是View文件中的片段： ViewData["Title"] = "qwerty **Николай**";<div class="row"> <div class="large-12 cell"> <

浏览 1提问于2017-11-28得票数 6

回答已采纳

3回答

我正在使用尾风CSS和引导(ngx-引导)在同一个角度项目。在大多数情况下，他们相处得很好。然而，当谈到填充和利润率，他们打得像兄弟姐妹一样。我想用尾风填充，因为它是一致的。例如，类p-X是X乘以0.25rem，但是有了引导，它就到处都是。令人讨厌的是，Bootstrap将!important放在任何地方。utilities.css来自尾风，_spacing.scss来自Bootstrap。有方便的办法

浏览 11提问于2022-04-02得票数 1

回答已采纳

1回答

嵌套元素的基础z索引

css、zurb-foundation、z-index、positioning

所以我按照确切的规范构建了我的布局，但是当我试图将头部分向上推(position: absolute; margin-top: -60px;)到.feat元素上时，我遇到了z索引问题。我读过很多关于将header元素设置为position: relative;的帖子，但并不是这样做的。我真的很想收到这个，谢谢你的建议。

浏览 3提问于2018-11-28得票数 0

8回答

在全球范围内使用本地文件中的字体

javascript、html、css、tailwind-css

目前我正在用我的样式标签来做这个 font-family: 'Roboto', sans-serif;但是，我下载了Roboto字体，并想知道如何配置Tailwind来对所有元素使用这些文件和字体。Sidenote: 我正在使用Vuejs，并遵循了如何从这里设置Vue的

浏览 0提问于2020-03-25得票数 41

回答已采纳

4回答

如何在我自己的前端用合适的样式表呈现来自TinyMCE的超文本标记语言？

html、css、bootstrap-4、tinymce、tailwind-css

有一个TinyMCE编辑器，它给我输出适当的html标签，如h1，h2，b，ul，ol，li。如下所示：但是，当我想在我自己的前端(由TailWindCSS或Bootstrap组成)准确呈现TinyMCE的输出时，每个html标记的每个样式看起来都非常简单，具有相同的大小、相同的边距和相同的填充，就像在普通的文本元素中一样。我发现，这些css框架使用类似“normalize css</e

浏览 6提问于2021-02-13得票数 0

2回答

不应用尾风特性的ExpressJS

express、pug、tailwind-css

我使用Express/Node和Pug作为视图模板。尝试使用Tailwind进行样式设计，但是无法让Tailwind根据在Pug文件中添加的类名来修改我的CSS。以前有人遇到过这种情况吗？我能够用顺风样板库、组件和实用程序填充我的style.css文件。如果我在styles.css中设置类名<e

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

2回答

如何设置WebStorm以使用PostCSS/Tailwind

webstorm、tailwind-css、postcss

我有最新的WebStorm 2020.3。它支持尾风CSS，我安装了PostCSS插件，并使用NPM来安装尾风CSS和各种插件。我不知道的是如何设置WebStorm，将PostCSS与文件观察器一起实际使用，以实际运行并执行任何有用的操作。我问了JetBrains，他们没有实际有用的信息。我所需要的只是一些简单的例子，说明如何让WebStorm使用Tailwind。

浏览 2提问于2020-11-28得票数 1

回答已采纳

2回答

顺风在单体建筑中不能正常工作

javascript、reactjs、next.js、tailwind-css、darkmode

我使用的是使用纱线工作区的monorepo体系结构，其中Tailwind CSS是该项目的基础。在我使用的一个工作区中，我使用了React，并在其样式中添加了Tailwind实用程序。顺风在这个项目中运行得还不错每当我定义新颜色时，不是working.Moreover，我也想实现darkMode，在tailwind.config.js中添加了darkMode: 'class'，并制作了一个上下文包装器，将class=‘ta

浏览 11提问于2022-02-01得票数 6

回答已采纳

3回答

无法构建尾风CSS

javascript、node.js、tailwind-css

dependencies": { "postcss": "^8.2.2", }我得到的错误Tailwind-learn@1.0.0 build:css: `tailwindcss build src/style.css -o dist/sty

浏览 0提问于2021-01-04得票数 1

1回答

如何包含@apply代码，以便将TailwindCSS样式与尾风-rails一起重用？

css、ruby-on-rails、tailwind-css、asset-pipeline

我在Rails 7项目中使用带有资产管道的 gem。我需要，例如： @apply flex space-x-2;我可以将这段代码放入app/assets/stylesheets/application.tailwind.css文件中，它可以工作：@tailwind components; @apply

浏览 25提问于2022-08-19得票数 1

回答已采纳

1回答

如何将TailwindCSS安装到Django项目？

django、npm、tailwind-css

如何在Django项目中安装Tailwind css，以便在没有CDN的情况下启动？我没有成功地使用官方TailwindCSS网站的安装教程。经过一番研究，我找到了我的问题的答案。

浏览 7提问于2020-08-16得票数 0

2回答

用早午餐将TailwindCSS添加到凤凰城

sass、elixir、phoenix-framework、brunch、tailwind-css

我很难弄清楚如何将npm包添加到我的elixir/phoenix项目中，这些包不是专门为早午餐而构建的。我不想做的一件事是手动将文件从node_modules/复制到vendor/。如果任何人知道如何在Phoenix应用程序中正确配置Brunch以使用Tailwind，任何帮助都将不胜感激。

浏览 14提问于2018-02-07得票数 2

回答已采纳

4回答

如何使用postcss在顺风中压缩文件大小？

postcss、tailwind-css

require('postcss-import'), require('autoprefixer'),} ], variants: {},} 我的目标是压缩生成的css，为此我在tailwind.config.js要

浏览 10提问于2020-07-07得票数 2

点击加载更多