在使用TailwindCSS时，如何避免模板在呈现列表时添加分隔符？
在使用TailwindCSS时，可以通过使用divide类来避免模板在呈现列表时添加分隔符。divide类是TailwindCSS中用于控制分隔符样式的类。
具体步骤如下：
- 在列表容器上添加
divide-y类，该类将在垂直方向上添加分隔符。 - 在列表项上添加
divide-gray-200类，该类将设置分隔符的颜色为灰色（可以根据需要选择其他颜色）。
示例代码如下：
<div class="divide-y divide-gray-200">
<div class="p-4">
<!-- 列表项1 -->
</div>
<div class="p-4">
<!-- 列表项2 -->
</div>
<div class="p-4">
<!-- 列表项3 -->
</div>
</div>这样，使用divide-y类和divide-gray-200类可以在列表项之间添加灰色的分隔符，实现列表的呈现效果。
推荐的腾讯云相关产品：无
相关·内容
如文档中所述，我在使用npx编译TailwindCSS时遇到了一些问题。Webpack在做他的工作！开发服务器和build都正确地使用自定义类！问题是，当我通过npx tailwindcss build tail.css -o tailwind.full.css编译尾风时。自定义导入不包含在结果css文件中。因此，自动完成不完成我的定制css键.除了没有编译我的@导入的自定义css文件的npm tailwindcss build之外，一切正常工作。我怎么能拿到这个？
下面是npx顺风构建命令中通知我的tail.css文件：
@import "./colors.css";
@i
浏览 1提问于2020-07-27得票数 4
回答已采纳
我想在八字胡php中呈现一个javascript胡子模板。如何通过转义{foo}花括号在php胡子的脚本标记中呈现{foo}}，以便以后可以将其呈现为mustache.js模板？
浏览 6提问于2017-03-14得票数 0
回答已采纳
我试着用的尾风插件来对生成的评论forms进行样式化。
tailwindcs-forms要求在<input type="">级别上应用顺风样式的class。
但是，在django注释框架中，HTML文件(例如)无法访问<input type="">，而<input type="">是在模板呈现过程中通过模板variables (例如{{ form.comment }} )自动生成的。
我该怎么处理这个困境？使用tailwindcss-forms生成django注释框架生成的样式是否真的可行？
浏览 5提问于2021-09-09得票数 0
我在一个symfony 6应用程序中更新到TailwindCSS 3。当我编译样式表时，没有错误(它成功编译)，但是没有一个顺风类样式有效。我注意到，用于“顺风”的导入似乎并不是从@tailwindcss调用中转换出来的(它们只是包含在浏览器中的-is)。也许是postCSS的问题？
webpack.config.js
const Encore = require('@symfony/webpack-encore');
const path = require('path');
// Manually configure the runtime environ
浏览 12提问于2021-12-16得票数 3
回答已采纳
2回答
我想知道如何在Ember.js中解决以下问题:我正在实现一种仪表板UI，充满了各种不同的图表小部件。因此，我在我的WidgetsController中有一个ui小部件列表，我想在屏幕上呈现它。
问题是每个小部件都有不同的模板，并且应该有不同的控制器，等等。
因此，我想我的问题是，如何迭代列表，并使用不同的控制器/模板呈现每个项。
或者如果你不能，你会如何处理这类问题--呈现一个不同类型的事情的列表？
谢谢!
浏览 1提问于2014-07-20得票数 3
回答已采纳
我用tags.py编写了以下标记：
@register.simple_tag
def getUserName(request, user_id):
return foo(user_id)
在我的html模板中，我将django符号{}和角符号{{ } ()组合在一起。所以我在这里写了一个表达式：
{% getUserName request {[{ angular_conversation.user_id }]} %}
问题是在angularjs解析内部表达式之前，django解析器。请告诉我怎么才能让它起作用..。
浏览 5提问于2013-11-17得票数 2
回答已采纳
在聚焦之前：
聚焦后：
问题：
使用角垫第15节和最新的尾风，有一个错误，当聚焦输入场。
为了重现这个问题：
ng new angular-test
cd angular-test
ng add @angular/material
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
浏览 3提问于2022-11-19得票数 3
回答已采纳
1回答
每次添加类时，为了查看更改，我必须停止运行nuxt，重新加载vs代码窗口并再次运行"npm“。然后我就能看到变化了
我的tailwind.config.js：
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./components/**/*.{js,vue,ts}',
'./layouts/**/*.vue',
'./pages/**/*.vue',
浏览 24提问于2022-10-05得票数 0
如何使用列表-磁盘类来样式子弹，使用Tailwindscss？
我的package.json包括：
"@tailwindcss/aspect-ratio": "^0.2.0",
"@tailwindcss/forms": "^0.3.2",
"@tailwindcss/line-clamp": "^0.2.0",
"@tailwindcss/typography": "^0.4.0",
"tailwindcss"
浏览 6提问于2021-06-02得票数 1
回答已采纳
2回答
在我的世博会应用程序中，我创建了一个从符号中提取信息的平面列表，符号的值只是硬编码如下 constructor(props) {
super(props)
this.state = {
symbols: [{"symbol": "1816ABC","Name": "Some data","icon": "md-star-outline"}],
}
} 下面是我的渲染函数 render() {
if
浏览 21提问于2019-04-08得票数 0
回答已采纳
3回答
我正在尝试在java web应用程序中使用StringTemplate来生成html电子邮件。当尝试输入换行符时，我使用\<br\>这似乎不起作用。\<b\>不能很好地工作。有没有办法关闭< and >作为分隔符，这样我就可以测试这是否是问题所在？在整个StringTemplate文档中，它都说要使用$...$作为分隔符，但并没有说明如何不使用<...>
浏览 3提问于2011-12-13得票数 6
回答已采纳
似乎只有当我在命令行的末尾添加了with-tailwindcss时才会出现问题？npx create-next-app -e with-tailwindcss project_name。
浏览 10提问于2022-01-27得票数 0
我有一个django网站，用户可以在一个文本区输入食谱。当我希望用户在文本区的不同行中输入食谱的每个步骤时，如何在进入数据库时检测并将换行符更改为'\n‘，以便以后他以文本文件的形式下载食谱时，他也应该看到不同行中的每个步骤。
现在，当插入到数据库中时，它将所有文本连接在一起。任何建议都将不胜感激。提前谢谢你。
浏览 2提问于2016-02-25得票数 0
我想改变我的列表视图的默认行为，这样当我滚动到最后一项时，列表将继续滚动，直到最后一项在列表的顶部。
当最后一项完全显示在视图中时，默认行为停止滚动。
对于2.3之前的版本，你有什么建议吗？
谢谢，图腾。
浏览 0提问于2011-02-15得票数 0
回答已采纳
我正在使用Laravel并在我的app.css中使用这个
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'animate/base.css';
@import 'animate/animations.css';
@layer components {
.ql-container {
@apply border-2 border-slate-300;
}
}
和postcss.config.js
module.exports = {
plug
浏览 12提问于2022-10-30得票数 0
回答已采纳
我们有一个允许从分类法术语列表中输入的内容类型，一些字段允许多个值。当有多个值时，输出似乎总是将它们内联在一起，尽可能适合可用的显示宽度。我们知道带有逗号、空格或斜杠选项的“分隔”选项，但如果它们合适的话，它仍然在同一行上呈现多个术语。
我们想要的是在一行列表中呈现多个术语，最好是带有或不带子弹的无序列表。我试着查看CSS，但我所能做的就是添加子弹，尽管它仍然在内联中呈现了多个术语。有什么建议吗？谢谢。
浏览 0提问于2013-07-24得票数 2
4回答
我将jetstream+inertia.js安装到我的laravel项目中，一切都很完美，但是我只需要在welcome. vue组件中使用引导程序5，所以如何处理呢？
我的app.js文件；
require('./bootstrap');
// Import modules...
import {createApp, h} from 'vue';
import {App as InertiaApp, plugin as InertiaPlugin} from '@inertiajs/inertia-vue3';
import 'anim
浏览 10提问于2021-03-05得票数 5
回答已采纳
3回答
根据tailwindcss.com中的文档，我已经安装了顺风，vue在laravel中。但它是这样呈现在下面-
为什么？
Configuration:
使用命令安装了尾风
npm install -D tailwindcss
npx tailwindcss init
2)在tailwind.config.js中添加
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}
3)在input.css中添加
@tailwi
浏览 3提问于2022-05-04得票数 0
2回答
当我将Tailwind添加到我的React项目中时，它破坏了现有的样式。
我希望只使用Tailwind类(如mb-3)作为快捷方式。
我没想到它会覆盖现有的样式，比如将按钮背景更改为透明。
我做错了吗？还是尾风有意覆盖样式？
编辑：
这就是我要说的：(来自node_modules\tailwindcss\src\css\preflight.css)
当我排除基地时，这个问题就消失了，即：
//@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwind
浏览 12提问于2022-06-17得票数 1
回答已采纳
大多数教程和文章都使用了在styles.scss中导入顺风依赖项的方法 @import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities'; 然后在custom -COMPOMENTS.css或全局级别的某个单独文件中使用@apply函数编写自定义样式。 但是如果我想在我的组件作用域样式中使用@apply函数和顺风呢？这有可能吗？ 目前要么是我的f.x。自定义组件.css被不同的组件样式污染，或者组件html被多个类污染。 B
浏览 28提问于2020-03-31得票数 7
在使用时，我希望我的<InputText />元素没有样式化，但它保留了文本输入的原始样式。
如果我做了这样的事情，效果会很好
<input type="text" name="client_name" id="client_name" class="block w-full sm:text-sm border-gray-300 rounded-md">
当使用TailwindCSS时，我如何删除<InputText />的内置样式？
浏览 2提问于2021-02-02得票数 0
回答已采纳
1回答
我已经使用npm安装了Tailwind CSS，我使用的是"tailwindcss": "^2.2.15"版本。当我试图在我的段落上应用列表样式类型时，它不工作，它不显示任何带有内容的样式类型。 下面是我的代码，它在play.tailwindcss.com CODE上运行良好 但是，当我在本地代码编辑器中编写完全相同的代码时，它并不能按预期工作。 当我在本地运行它时，截图显示了完全相同的代码。 ?
浏览 16提问于2021-09-21得票数 0
回答已采纳
我无法让Tailwindcss类出现在内联的"class“属性上。但是，如果我@apply通过".scss“文件并在内联" class”属性上使用该类，它就能正常工作。
不起作用：
.HTML
<!-- Tailwindcss NOT working -->
<div class="bg-red-500">
<h1 class="text-9xl">HELLO</h1>
</div>
工作：.scss
.bg {
@apply bg-green-500;
浏览 15提问于2022-01-22得票数 2
回答已采纳
我在服务器端使用node.js/ejs，在客户端使用backbone.js。服务器端和客户端都使用相同的模板样式。所以问题是，如果我将用于客户端的模板代码放在模板中，那么它仍然会在服务器端得到解析。
如果发现像这样的东西起作用：
<%- "<%= done ? 'done' : '' %\>" %>
然而，IMHO以一种使使用模板的全部意义变得无用的方式丑化了代码。
你会怎么处理这个？
是否有一种方法可以在EJS中定义代码块--模板不像在其他模板语言中使用的{ there }-tag那样被解析？
更新:就目前而言，我使用主
浏览 16提问于2012-01-26得票数 3
回答已采纳
我正在尝试为我的博客设置标签的格式。我可以列出tag1，tag2，tag3 etc...just。我甚至想出了如何去掉最后一个逗号的方法：
{% if not forloop.last %}, {% endif %}
我的问题是..。我该怎么处理“和”？
例如: tag1、tag2和tag3。
这里是规则
如果两个标记=并且没有逗号分隔。如果三个或更多的标签=第二到最后得到“和”和“从来没有逗号或在列表的末尾。
我希望我能用这样的东西在jinja2中创建那些显示规则.
{% if loop.index == forloop.last - 1 %}and {% endif %}
当然，这段代码会
浏览 1提问于2013-02-13得票数 0
回答已采纳
我试着在我的laravel项目中添加流苏。我使用的是9和Vite。
我遵循以下步骤：
npm i flowbite
在tailwind.config.js中添加插件
plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography'), require('flowbite/plugin')]，
in App.js
import Flowbite from 'flowbite';
然后是npm run dev
我也尝试过添加cdn链接，但它不起作用
浏览 13提问于2022-10-12得票数 0
我有两个不同的PageTypes - NewsItems和PressReleases的列表.它们显示在一个列表中，每个列表中都有指向各个项目的链接。
现在，我想把新闻发布项目包括在新闻列表中，并使用新闻项目的样式显示它们作为新闻项目。它们共享诸如“标题”和"BodyText“之类的属性，这些属性在新闻模板中使用。
我想，用这两组页面给NewsItems‘ListPage喂食并不那么困难，但我不明白如何控制项目页面的呈现。
如果PageData对象是在NewsList中选择的，我希望从NewsItem或PressReleaseItem中获取它，并使用NewsItem.aspx模板显示它。
浏览 3提问于2011-11-23得票数 2
回答已采纳
我使用的是TYPO3 8和
在am中，开发具有以下要求的扩展:如果满足特定条件(取决于URL查询参数)，则不应为前端的插件显示任何内容。在这种情况下，插件的流体输出将为空(取决于在Controller中设置的变量)。但在默认情况下，TYPO3仍然呈现一个包装div和标题。
所以，基本上，我得到的是：
<div id="c217" class="...">
<header>
<h2 class="...">Header</h2>
</header>
<p>
浏览 2提问于2018-01-05得票数 1
回答已采纳
我参加了一个新的Laravel9，Vite3和TailwindCss3项目。
问题
仅仅使用npm run build并不足以部署应用程序！
当我不运行Vite的开发服务器时，我会得到以下错误：
无法在Vite清单中找到文件: resources/css/app.css。
但是当我使用npm run dev时，一切都很好！
再生产
我使用了以下命令：
laravel new vite-test --git &&
cd .\vite-test\ &&
npm i &&
npm install -D tailwindcss postcss aut
浏览 3提问于2022-07-20得票数 1
回答已采纳
我有一个自定义内容类型"mycustomcontenttype“，并且有一个此内容类型的视图列表。我也有一个标题为每个节点的链接，当点击时，将打开一个弹出的阴影框与节点的详细信息。我的问题是，当细节出现在弹出窗口中时，我拥有所有带有页眉/页脚的rest站点布局，而我只想拥有没有页眉/页脚的节点详细信息。我的节点模板文件，名为node--mycustomcontent.tpl。我想在此模板中隐藏或禁用页眉和页脚。
我终于找到了一个解决方案。在page.tpl.php中我设置了一个if语句，如下所示
if ($node->type != 'mycustomconten
浏览 17提问于2014-05-06得票数 1
在我的Rails 7 Ruby3.1.2应用程序中安装TailwindCss时，我遇到了一个奇怪的错误。我不明白如何纠正这一点，以便它能够正确编译/安装，这里的任何帮助都将不胜感激。错误消息如下：
Add Tailwindcss include tags and container element in application layout
File unchanged! The supplied flag value not found! app/views/layouts/application.html.erb
Build into app/assets/builds
e
浏览 19提问于2022-10-29得票数 0
2回答
顺风生成结果文件很小
、、、、
我正在尝试使用TailwindCSS，并遵循如下的安装过程。但是我得到的是一个tailwind.css文件，只有369行，这似乎比其他人的顺风结果文件少(并且使我无法使用顺风样式)。有遗漏点吗？
我的过程
->安装包，没有编辑tailwindcss.config.js内部的任何内容。
npm install -D tailwindcss postcss autoprefixer postcss-cli
npx tailwindcss init
postcss.config.js
module.exports = {
plugins: [
require
浏览 3提问于2021-12-19得票数 1
1回答
每当我尝试重新构建src/styles.css文件时，它都会抛出这个"deprecation“错误，并且由于这个错误，我在src/styles.css中所做的任何更改都不会得到反映。我应该如何避免这个错误？因此，我不能运行任何自定义的CSS代码。 PS D:\TailwindCSS\TailwindWebsiteProject> npm run build-css
> tailwindwebsiteproject@1.0.0 build-css D:\TailwindCSS\TailwindWebsiteProject
> tailwindcss build sr
浏览 73提问于2021-06-29得票数 0
TYPO3 7.6.16分机:新闻5.3.2
我们希望创建一个在CMS中创建的json新闻流，以便我们可以在其他应用程序中使用提要。对于提要中的每个元素，我们正在查找的每个元素都包括一些简单的属性，比如新闻故事名称、发布时的新闻故事名称以及新闻报道的链接，这样我们就可以将某人引导回网站上的相关页面。3.
通过查询tx_news_domain_model_news表，我们能够返回新闻报道的列表。从这个表中，我们可以查询故事中我们需要的所有信息，但是我们在构建到这个故事的链接时遇到了困难。
目前，新闻插件为每个故事构建的链接形式如下：
/story/tx_news_pi1%5Bnews%5D=18
浏览 3提问于2017-03-27得票数 0
回答已采纳
1回答
我正在Rails的网站上工作，我希望用户能够将CSS样式表更改为亮或暗主题。
我的视图中有这个，这样我就可以为样式表使用一个变量：
<%= stylesheet_link_tag @current_stylesheet %>
我试图通过在我的视图中有一个类似如下的链接来更改该变量：
<%= link_to 'Light Theme', :action => "set_light", :id => @projects %>
在我的控制器中调用这个函数：
class ProjectsController < Applicat
浏览 3提问于2010-02-07得票数 2
我用Vite创建了一个普通的js项目，并按照docs的说法安装了Tailwind。当我在dev模式下运行时，类可以工作，但是当我构建dist文件夹并为它提供服务时，类就不能工作了。
我的postcss.config.js是这个
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
我的顺风配置是
module.exports = {
purge: [
'./src/**/*.html',
'./src/**/*.js',
],
浏览 3提问于2021-11-15得票数 1
2回答
我有这样的代码：
Template.temp.rendered = function () {
console.log('temp rendered');
}
它只在网站初始化时记录。
但我做了这样的事：
more = function () {
Meteor.subscribe('Videos', Session.get('more_info'));
}
当我调用more()时，即使使用新文档更新模板dom，它也不会记录“呈现的临时”。也尝试过这样的方法：
Template.temp.rerendered = function
浏览 1提问于2014-12-16得票数 0
回答已采纳
1回答
我有两个按钮orders和suppliers，当点击相应的按钮时，我希望在Django web应用程序中显示数据。要这样做，my home.html看起来就像
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".button_order").click(function(){
浏览 4提问于2022-07-04得票数 1
我目前在我的应用程序中有一个列表视图，每当用户单击某个列表项时，我就在它下面注入一个新组件，从而创建一个视图/编辑窗口。我的动态组件创建如下所示：
private alertViewEditFactory(cRef: ViewContainerRef, alert: Alert, mode: number): ComponentRef<AlertViewEditComponent> {
const ref = cRef.createComponent(this.factory);
// what if the component tries to render t
浏览 0提问于2018-03-24得票数 0
1回答
我用的是Django 2.0
我在我的notes应用程序中有一个模型
notes/models.py
class ColorLabels(models.Model):
title = models.CharField(max_lenght=50)
在将显示在所有页面上的侧边栏导航中，我希望显示颜色标签的列表，它将显示在所有页面上。
如何在所有视图中或在所有页面上显示动态数据？
浏览 2提问于2017-12-24得票数 1
回答已采纳
我是WPF的新手。我已经创建了一些具有一些基本事件的用户控件，然后在运行时将这些用户控件加载到列表视图中。然后，我将这些用户控件拖放到一个容器(画布)上。然后，我尝试使用XamlWriter.Save函数存储它，并使用XamlReader.Load重新打开它。到目前一切尚好。
问题是当我重新打开存储的XAML时，我没有得到事件。我在微软的博客上看到，使用XamlWriter.Save存储事件是不可能的。我的目标是在再次恢复XAML时获得事件。我该怎么做呢？
浏览 0提问于2012-04-24得票数 2
回答已采纳
1回答
使用角/表达式从后端加载用户
、、、、
我用平均的堆栈做了一个小项目，似乎有点迷失在这里。我可以从MongoDB加载一个用户，但是我似乎对所有加载都有点迷失了。
在我的路线文件里
router.get('/admin, function(req, res, next) {
User.find(function (err, user) {
if(err) return next(err);
}
});
我从数据库中得到的结果如下：
{"role":"user","_id":"5ade3f1c303744098c0acef1","firstn
浏览 1提问于2018-04-23得票数 0
回答已采纳
1回答
我无法让我的评论显示在我的模板中。当我在shell中测试一个对象的注释时，会返回一个注释列表，它们看起来很好。然而，在我的模板中，它们并没有出现。当我包含{% load comments %}时，加载页面需要更长的时间，但是当包含{% render_comment_list for my_video %}时，不会显示任何内容，其中'my_video‘是我的obj实例。
对如何调试有什么建议吗？
浏览 2提问于2012-01-28得票数 0
如何在Django项目(不仅仅是CDN)中使用TailwindCSS的所有特性，包括一个具有自动重新加载和CSS最小化步骤的干净工作流以便于生产？
浏览 6提问于2020-08-13得票数 36
回答已采纳
我正在维护一个C# ASP.NET应用程序，我在一个.aspx文件中遇到了以下小片段。
<body>
<form id="form1" runat="server">
.
snip
.
<ComponentArt:DataGrid id="Grid1"
.
snip
.
<ClientTemplates>
<ComponentArt:ClientTemplate Id="DataCellC
浏览 2提问于2011-11-09得票数 0
回答已采纳
当我试图在tailwind.config.js上添加它时，我想在rails中使用用于顺风的for libary。
plugins: [
require('flowbite/plugin'),
require('@tailwindcss/forms'),
require('@tailwindcss/aspect-ratio'),
require('@tailwindcss/typography'),
]
抛出一个cannot find file错误
我已经尝试过通过importmap-rail
浏览 6提问于2022-04-14得票数 0
3回答
我在ASP.NET应用程序中多次复制了以下控件布局，并希望将功能封装在用户控件(或服务器控件或复合控件，如有必要)中。
伪标记
LISTBOX1 (可用对象)>(添加按钮) LISTBOX2 (选定对象)
基本上是两个列表框，一个列表框中有可用的对象，另一个列表框中有选定的对象(这些对象的类型将根据使用情况而变化，例如可用和选定产品的集合)
示例用法:通过Add按钮将列表框项目从listbox1添加到listbox2 (也有用于添加全部和从选中到可用的相反方向的按钮-为清楚起见不显示这些按钮)，然后从listbox1中删除该项目并将其放置在listbox2中。相当简单--我将该控件命名为
浏览 0提问于2012-02-16得票数 1
回答已采纳
我正在使用Angular (11.2.8)构建一个组件库，并尝试添加TailwindCss和StoryBook6。 我发现了不同的配置，但它们都不起作用。运行storybook时，我的组件没有样式。 下面是我的配置： .storybook/main.js const path = require('path');
module.exports = {
stories: ['../projects/storybook/**/*.stories.ts'],
addons: [
'@storybook/addon-actions',
浏览 29提问于2021-04-19得票数 5
1回答
我有一个视图，其中包含车把模板。该模板由另一个部分模板组成。该部分模板包含一个结果列表，我在应用程序的不同部分中使用该列表。无论如何，当尝试过滤结果时，我只想渲染这一部分。这意味着backbone视图不应该只呈现部分视图。这是可以做到的吗？
浏览 1提问于2013-01-31得票数 9
回答已采纳
我发现了一种非常奇怪的行为。
我的变量related_nodes包含一个节点列表。Kint如何显示它：
related_nodes array(10) '#sorted' => boolTRUE '#pre_render' => array(1) '8' => array(5) '10' => array(5) '11' => array(5) '12' => array(5) '13' => array(5) '14' =&
浏览 0提问于2018-08-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
