腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Tailwind
中
的
简单
Flex
和
网格
布局
tailwind-css
我正在尝试创建一个
布局
,在md:,左边是2/3宽,右边是1/3宽,并且尺寸更大。比这更小,我希望这两个在彼此
的
顶部。当我这样做时,
flex
在较小
的
大小下工作,但我
的
容器不是我预期
的
大小: <div class="
flex
flex
-wrap md:
flex
-wrap-reverse"> <div class="col-span
浏览 42
提问于2021-01-28
得票数 0
回答已采纳
2
回答
如何在顺风css
中
水平对齐图像?
html
、
alignment
、
tailwind-css
我很难用顺风css在
网格
的
子分区中将图像对齐到右边。我试过float-right,right-0等,但都没有用。 padding: 10px;} <link href="https://unpkg.com/tailwindcss@^2/dist/
tailwind
.min.css
浏览 1
提问于2021-04-13
得票数 2
回答已采纳
2
回答
Tailwindcss在iphone chrome上不起作用
css
、
tailwind-css
我正面临一些关于css差距
的
问题。为什么它在iphone上不起作用? ? 下面是我
的
代码 <div className="
flex
flex
-col gap-2"> 在桌面上 ?
浏览 36
提问于2020-11-01
得票数 4
2
回答
TailwindCSS不会将我
的
VueJS应用程序
的
宽度扩展到全屏
javascript
、
html
、
css
、
vue.js
、
tailwind-css
我把我所有的组件放在了一个带有
flex
-row、w-screen
和
content-center
的
div下,由于某种原因,当我在浏览器上进入反应/移动模式时,它占据了大约2/3
的
屏幕,我无法让它填满剩余
的
屏幕空间以下是包含所有组件
的
视图
的
代码:<div class="
flex
-row h-screen w-screen content-center bg-gray-700"
浏览 29
提问于2021-12-01
得票数 0
1
回答
如何将css
网格
中
的
flex
项与其
网格
线对齐?
html
、
css
、
flexbox
、
css-grid
、
tailwind-css
所以我用CSS做了一个
布局
,
网格
中
的
一些元素使用了flexbox,比如文章框
和
其他一维部分。如何将此弹性项与主
网格
布局
与工作响应
布局
对齐?对于12列
网格
布局
,我尝试在柔性盒中使用百分比(顺风
的
w-1/*实用程序),但无法将它们与
网格
区域完美地对齐。有可能吗?还是我应该一直使用
网格
?下面是我
的
布局
示例,第一列显示12个<
浏览 0
提问于2021-03-26
得票数 1
回答已采纳
4
回答
如何在聚合物
中
创建
网格
视图?
polymer
、
bootstrap-4
我正在尝试创建一个像这样
的
视图
的
网格
使用聚合物--我应该如何处理--有很多事情让我感到困惑,这将是处理这种设计
的
最好方法--不管是用聚合物还是任何网络组件,这样就可以定制它,以及我应该如何使用它,任何链接或参考都会有很大
的
帮助
浏览 6
提问于2017-08-31
得票数 0
回答已采纳
1
回答
顺风模态图像对齐
javascript
、
html
、
css
、
vue.js
我正在尝试在Vue中使用
Tailwind
构建一个模式,但在获得模式
中
的
元素以我想要
的
方式对齐时遇到了问题。我试着去掉了某些
Tailwind
类,尝试了
网格
、
flex
和
其他类似的定位选项,但图像仍然靠左对齐。<template> <
浏览 3
提问于2020-05-13
得票数 0
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> 在
Tai
浏览 39
提问于2021-07-20
得票数 0
回答已采纳
1
回答
在
Flex
和
Grid
布局
中
,内容
的
工作方式不同
css
、
flexbox
、
grid-layout
、
css-grid
我想知道为什么要使用justify-content可用,而不是
网格
中使用
的
。grid-template-rows: repeat(3,100px); justify-content: space-between;我
的
意思是,我希望
和
使用
flex
一样
浏览 1
提问于2017-11-20
得票数 2
回答已采纳
2
回答
什么是引导
中
的
.d-
网格
类?
twitter-bootstrap
我正在使用引导v5.1
的
块按钮,我使用d-grid使我
的
按钮响应。
浏览 7
提问于2022-01-09
得票数 2
回答已采纳
4
回答
并排显示DIVs
html
、
css
然而,容器不会居中/覆盖整个屏幕以使其他列并排排列(我在css
中
遗漏了左/右列,因为我正在尝试了解如何使其工作,容器只是默认位于屏幕
的
左上角)。另外,如何让它们像
布局
一样并排出现在整个屏幕容器
中
?
浏览 4
提问于2021-07-30
得票数 0
1
回答
顺风Css:仅为容器设置滚动
html
、
css
、
scroll
、
scrollbar
、
tailwind-css
我正在使用
Tailwind
css,我有这样
的
布局
:<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/
tailwind
.min.css" rel="stylesheet"/> <div class="
flex
flex
-col min-h-screen
浏览 10
提问于2020-03-04
得票数 0
回答已采纳
1
回答
是否可以在父类下对类进行分组以保持一致性?
css
、
sass
我正在使用
Tailwind
,这真的很好,因为这些实用程序类。甚至Bootstrap也有许多实用程序类。单个元素可以有如此多
的
实用程序类。<div class="sm:col-span-6
flex
flex
-col
flex
-auto p-6 bg-card shadow rounded-2xl max-h-96">是否可以将这些类分组到一个超类
中
,而只应用其中
的
一个类?但是,有什么与此相近
的
浏览 3
提问于2022-09-15
得票数 0
回答已采纳
2
回答
如何使用TailwindCSS更改
网格
行
的
背景颜色
tailwind-css
有没有什么内置
的
或者
简单
的
方法可以使用TailwindCSS
中
的
为交替
的
网格
行设置独特
的
背景色?假设我有一个
网格
,看起来像这样: <div class="col-span-6">Row 1</div> <div class=
浏览 3
提问于2021-11-05
得票数 0
1
回答
收缩
网格
项,就像css
中
的
flex
项一样
css
、
flexbox
、
grid-layout
、
css-grid
是否可以像css
中
的
flex
项一样收缩
网格
项?</div> text <div class="child"> </div> 而我不能通过使用
网格
<e
浏览 1
提问于2018-10-21
得票数 7
回答已采纳
1
回答
具有7列
的
Flexbox
网格
tailwind-css
、
flexboxgrid
我正在用顺风和flexbox创建一个
网格
。是否可以创建7柱轴网?我知道我可以使用宽度百分比,但这里
的
最佳实践是什么?
浏览 14
提问于2020-09-23
得票数 0
回答已采纳
2
回答
在不适合列
的
网格
中
居中
html
、
css
、
tailwind-css
我使用
的
是
Tailwind
,我有一个
网格
布局
,我希望不适合该列
的
子列被居中。我试过justify-items-center
和
place-items-center,但什么也没做。在这个中,我希望后面的两个是居中
的
。
浏览 4
提问于2022-04-05
得票数 0
回答已采纳
1
回答
如何用自举4挠性网架突破12路网架?
twitter-bootstrap
、
css
、
flexbox
、
bootstrap-4
当我听说引导4将使用柔性箱作为
网格
系统时,我真的很兴奋。我认为这将部署柔性盒已知
的
快速
和
有用
的
元素大小。然而,它似乎只是为当前
的
12 col
网格
系统添加了一些(主要
的
)功能。引导程序4是否使在非12 col
布局
中
关联列宽变得更容易? 就像使用
flex
-grow、
flex
-shrink
和
flex
-basis之类
的
flex
项属性指定
浏览 0
提问于2016-08-05
得票数 1
回答已采纳
1
回答
将
flex
列
的
内容包装在另一个
flex
列周围。
html
、
css
、
flexbox
、
css-grid
我希望CONTENT列环绕左边
的
rowChild592列。我有这个:我希望它看起来像这样:我在这里看到了一个关于将div设置为表单元格包装
的
答案: .columnParent {}
flex
-direction: column;
flex
: 1;
浏览 4
提问于2017-05-06
得票数 2
1
回答
当使用“对齐内容:间隔”
和
粘性标题时,CSS
网格
项溢出
网格
容器。
html
、
css
、
safari
、
css-grid
我有一个基本
的
布局
,在这个
布局
中
,我
的
CSS
网格
位于一个
flex
布局
中
,这样
网格
就可以占用除页脚之外
的
所有可用空间。在我
的
CSS
网格
布局
中
浏览 1
提问于2019-01-15
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
简单实用的jQuery响应式网格瀑布流布局代码解析/附源码下载
Unity中实时获取网格上点的位置,还有对应的面和法线
Flex布局教程
给萌新的 Flexbox 简易入门教程
微信小程序开发必备必看常用的Flex布局模式-wxflex
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券