腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
CSS
Flex
:如
何在
flex
行
中
获得
相等
的
高度
、
、
我在
获得
相同列高
的
flex
布局时遇到了一些困难。我有一个包含一些
行
(.
flex
-row)
的
容器(.row-container)。这些行包含一些不同长度
的
内容。我希望所有
行
的
高度
相等
。就我对
flex
的
理解而言,我必须在父进程
中
设置
flex
: display和
flex
-direction (.row-contain
浏览 152
提问于2017-08-02
得票数 1
回答已采纳
1
回答
引导下拉菜单以动态形式引入错误对齐
、
、
、
、
我正在尝试使用js.In
的
动态搜索表单这个表单,我正在添加基于传递
的
json数据
的
字段。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js/bootstrap.min.
css
"> <!l: {ty
浏览 2
提问于2016-09-08
得票数 0
2
回答
挠曲箱柱基网格
、
、
、
这是我
的
问题:我有不同
的
DIVs,有相同
的
宽度,但不同
的
高度
,。 有没有办法用纯html/
css
来解决这个问题?到目
浏览 3
提问于2018-08-13
得票数 1
回答已采纳
2
回答
如何设置
flex
行
之间
的
相等
高度
、
、
我正在努力使灵活方向
的
高度
相等
:列布局。问题是,我正在尝试创建一个包含多个
行
的
列
的
表。完成后,我发现这些行在flexbox列之间
的
高度
并不
相等
。 问题是如何使它们在列之间
相等
(等式。第一列
中
的
第一
行
等于第二列
中
的
第一
行
-
高度
)? #container { display:
fle
浏览 284
提问于2021-08-10
得票数 0
1
回答
用Flexbox实现Bootstrap
中
多维图像
的
等高网格
、
、
、
我有不同尺寸
的
各种图像,需要在引导网格
中
具有相同
的
高度
。 如
何在
Bootstrap
中
复制此等大小
的
显示?我尝试过在子项上使用"
flex
1“,但没有任何乐趣,在源代码中使用
的
"
flex
: 1 0 0%;”和网络上
的
其他一些等高教程也没有任何乐趣。我认为这里
的
解决方案是制作大小
相等
的
矩形div,但也对
获得
具有所
浏览 36
提问于2018-06-05
得票数 0
回答已采纳
1
回答
我需要设置哪些
CSS
规则来使所提供
的
DIVS相对于它们
的
容器元素
的
高度
相等
?
、
我使用柔性盒对齐一组项目在一个引导,这使每一
行
都有相同
的
高度
。目前,对每一
行
和每一项都使用display:
flex
,除单个内容区域(即div,在这些项容器
中
)外,所有项目
高度
都是
相等
的
。是否存在这样
的
解决方案,使每个接触div都是相同
的
高度
,而不是每个人div?在每一
行
中
添加挠曲盒,person div在contact div区域下添加额外<em
浏览 1
提问于2015-11-30
得票数 1
回答已采纳
1
回答
Flexbox子列不尊重具有弯曲方向列
的
父级
的
高度
。
、
总
的
思路是有两
行
高度
相等
,第一
行
包含两列宽度
相等
的
整页布局。我遇到
的
问题是,当其中一个单元格填充了子元素时,当父
行
的
高度
应该
相等
时,它
的
高度
就会超过同级
行
。 min-height: 100vh; display:
flex
;
flex
浏览 5
提问于2015-06-16
得票数 4
回答已采纳
3
回答
并排引导Jumbotrons
、
我想,如果我把它们放进第二排,然后给它们上六级,这会给我想要
的
效果。但是,它们只是跨越页面,然后堆栈。任何帮助都将不胜感激。我对
css
和引导非常陌生。
浏览 6
提问于2014-04-13
得票数 1
回答已采纳
1
回答
挠性增长-不按比例调整宽度
、
、
我刚刚熟悉了
Flex
,当我应用
flex
:1到一组列时,我
的
目标似乎是使列
的
高度
增长
相等
,而不是宽度。.
flex
div{
flex
-grow:1} .
fl
浏览 0
提问于2015-01-21
得票数 2
回答已采纳
1
回答
如何使用柔性盒将图像右侧
的
文本分成两个
相等
的
列(而不是
行
)?
、
、
我试图在Spotify
的
web界面
中
创建类似于flexbox
的
布局:我想要两个
相等
的
列,左边和右边,左边
的
是
高度
100%
的
图像,右边
的
是两个
相等
的
列。问题是,我无法
获得
正确
的
两行文本来显示为列,即使我尝试使用
flex
方向:列和
flex
:分别对父项和
flex
项进行包装。class="
浏览 1
提问于2020-08-15
得票数 0
回答已采纳
4
回答
Flexbox:如何使图像在弯曲
的
项目中等高?
、
、
、
好
的
,所以我试着在6个柔性盒内显示宽度和
高度
相等
的
图像。在使用min-width: 768px
的
屏幕尺寸
中
,当有30%
的
空间时,每个柔性项都会增长到1,即挠度:1 30%,弯曲方向:改为
行
; problem:
flex
项div本身在
高度
和宽度上是
相等
的
,但是每个
flex
项
中
的
图像大小不同。尝试:尝试过对齐项:拉伸;甚至给每个图像
浏览 5
提问于2017-11-23
得票数 0
1
回答
如何将容器
的
宽度设置为内容?
、
.container {
flex
-flow: column wrap;} width: 200px; margin: 10px;}我得到
的
是:容器
的
宽度与第一列
的
宽度
浏览 1
提问于2015-06-30
得票数 18
1
回答
如何定义角材料
的
固定弯曲尺寸?
、
、
我得到了下面的标记 <div
flex
="85"> <div
flex
> <md-button class="md-fab
浏览 0
提问于2016-02-10
得票数 2
回答已采纳
1
回答
当文本将按钮推到图像下方时,100%按下按钮
、
这是一个复杂
的
问题,我甚至不知道它是否可能只使用
CSS
。--这是小文本所需
的
结果. 是否可以只使用
CSS
? 我已经为我的当前设置创建了一个代码页(只有小文本)。
浏览 1
提问于2016-02-23
得票数 9
回答已采纳
2
回答
顺风:等高柱
、
、
、
我有三个列,每个列包含一个人
的
形象,名称,功能和一个引号。我希望所有3列
的
高度
相等
。到目前为止,我已经尝试设置p class="
flex
-1“,它没有做任何作用,我还将第二个内部div改为class=”FLEXFLEX-1-P-6间隙-y-4“。这确实使列在
高度
上
相等
,但它使div变成一
行
而不是列,如果我使用
flex
-1与
flex
一起使用,则不会将列设置为
相等
的
浏览 5
提问于2021-12-14
得票数 2
回答已采纳
1
回答
如
何在
反应性JS中将不同列
的
值拆分为不同
的
行
、
、
、
、
我试图将列
的
值拆分成不同
的
行
。我尝试了下面的代码片段,但没有成功。with-label__CheckBoxText'] { }
flex
-direction: column;预期产出应如下:
浏览 1
提问于2021-07-01
得票数 1
回答已采纳
2
回答
Flexbox在垂直堆叠
的
盒子上保持等高
、
、
、
我有一堆看起来像大盒子
的
链接,内容和
高度
经常不同。使用flexbox使它们在每一
行
上
的
高度
相等
很容易。我使用Bootstrap网格布局,当每个框在较小
的
屏幕上垂直堆叠(每行一个)时,我无法让flexbox在它们上设置相同
的
高度
。相关
的
父容器
css
:
flex
-direction: row;
flex
-flow: ro
浏览 2
提问于2016-04-06
得票数 3
3
回答
使用
CSS
将项目列表拆分为两列
、
、
我需要在两列
中
显示这个列表,这些列
的
项数大致
相等
。li>content</li></ul> display:
flex
;} 如果项目的内容总是相同
的
高度
,这是很好
的
。但是当一个条目中包含更长
的
内容时,同一
行
上
的
同级条目
浏览 8
提问于2017-05-02
得票数 5
2
回答
引导列元素调整到新
行
的
大小
、
、
、
、
-- Latest compiled and minified
CSS
--> </div>
浏览 0
提问于2018-08-09
得票数 0
回答已采纳
2
回答
改变Bootstrap中行
的
高度
、
50"> </div></body> 我想改变2
行
的
高度
事实上,他们都占据了屏幕
的
一半。但是,如果我将
高度
改为20和80,那么这些
行
就会恢复到屏幕顶部
的
2
行
。唯一<e
浏览 1
提问于2019-10-02
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
微信小程序CSS之Flex布局
CSS-常见布局介绍
聊聊css居中那点事
Flex 布局教程:语法篇
微信小程序使用flex的一些基础样式属性
热门
标签
更多标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
活动推荐
运营活动
广告
关闭
领券