腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
如何
使用
flexbox
属性
使
div
具有
相同
的
高度
?
、
、
、
如何
对齐每一列
的
高度
,
使
它们都相等?我遵循了页面中
的
规则:https://www.w3schools.com/howto/howto,
使用
属性
display:flex和flex: 1,但不幸
的
是,这在我
的
例子中不起作用。是否受这些列中
的
每一列都另外包装在引导程序类col-12 col-lg-3中
的
事实
的
影响?</
div
浏览 139
提问于2021-01-23
得票数 0
回答已采纳
2
回答
CSS Flex全
高度
侧边栏
、
、
我试着制作带有背景
的
侧边栏,它
的
高度
与#页面内容
的
高度
相同
,但我无法
使
它工作。边栏
高度
仍与其内容
相同
。.
flexbox
{ display: -ms-
flexbox
!important; overflow: hidden !i
浏览 1
提问于2015-03-22
得票数 2
3
回答
具有
相同
高度
的
嵌套项目的嵌套
flexbox
、
我正在尝试实现一个卡片模式(类似于),利用
flexbox
进行布局。每个卡片都有一个标题和一个内容,并
使用
flexbox
对它们进行排列。卡片
的
高度
已经一致,这要归功于外部
的
flexbox
。我不知道<e
浏览 2
提问于2016-05-10
得票数 1
1
回答
将
高度
与
Flexbox
对齐
、
、
我
使用
作为参考,配置如下: <
div
class="A">A</
div
> <
div
class="C">C</
div
> <
div
class
浏览 0
提问于2013-07-14
得票数 2
回答已采纳
1
回答
使用
flex-direction: column垂直居中不同
高度
的
内容
、
、
我正在尝试
使用
具有
不同指定
高度
的
div
的
flex-direction: column来创建布局。如果您为共享
相同
flexbox
父元素
的
div
指定不同
的
高度
,我发现垂直对齐方式消失了。我尝试了
使用
align-items,align-content,justify-content
的
各种组合,但都没有效果。我用flex-grow代替了
高度</e
浏览 25
提问于2017-03-13
得票数 3
回答已采纳
2
回答
使
跨径
高度
达到100%
的
外倾角
、
、
下面是简单
的
html。其目的是
使
左跨
高度
100%
的
外
div
高度
,而不是其文字垂直(即"abc“应成为一条线与"ghi")。结果在屏幕截图(铬,win10):样式没有任何影响。“行-eq-
高度
”用于
使
列
具有
相同
的
高度
,并从复制。 display: -webkit-box;
浏览 5
提问于2017-02-10
得票数 5
回答已采纳
2
回答
如何
在没有javascript
的
情况下
使
三个元素
的
高度
相同
?
、
我有三列,每列中都有一个类为text-container
的
元素。我希望它们都与最高
的
高度
相同
,而不是
使用
JavaScript。<
div
class="column"> </
div
> <
浏览 1
提问于2016-04-08
得票数 2
1
回答
使用
flex
使
不同列中
的
所有行都
具有
相同
的
高度
?
、
我试图
使
一个产品项目页面,在那里你可以查看3个项目在一行和每个细节开始在
相同
的
高度
。
div
{ padding: 20px 0;} .
flexbo
浏览 9
提问于2020-05-20
得票数 1
1
回答
我可以同时
使用
flexbox
和float吗?或者
使用
具有
绝对定位
的
flexbox
?
、
、
、
、
例如,如果我有一个两列
的
布局(主要内容和一个旁注),我是否可以将主内容向左和向左/向右浮动,然后
使用
flexbox
使
旁注与主要内容
具有
相同
的
高度
?我是否必须在
flexbox
中显示整个容器以包括页眉、主要内容、旁注和页脚,或者我可以只选择一个区域来
使用
flexbox
吗?
浏览 18
提问于2015-08-12
得票数 1
1
回答
将嵌套子对象设置为不带
flexbox
的
可变
高度
容器
的
100%
高度
、
我在一个
高度
可变
的
容器中有一堆嵌套列表,我希望所有的嵌套列表/子列表占据容器
的
100%
高度
。我试过
使用
flexbox
,原理上是可行
的
,但对于大约5-6个嵌套列表(它们都有display: flex;和flex-direction: column;)我注意到,当以编程方式添加更多嵌套列表时,Chrome所以在这种情况下我不能
使用
flexbox
。我也不能
使用
table和table-cell让它工作。{ pa
浏览 1
提问于2017-11-16
得票数 2
1
回答
用
Flexbox
实现Bootstrap中多维图像
的
等高网格
、
、
、
我有不同尺寸
的
各种图像,需要在引导网格中
具有
相同
的
高度
。
如何
在Bootstrap中复制此等大小
的
显示?我尝试过在子项上
使用
"flex 1“,但没有任何乐趣,在源代码中
使用
的
"flex: 1 0 0%;”和网络上
的
其他一些等高教程也没有任何乐趣。我认为这里
的
解决方案是制作大小相等
的
矩形
div
,但也对获得
具有
所
浏览 36
提问于2018-06-05
得票数 0
回答已采纳
3
回答
需要内容增长到
相同
的
高度
、
、
、
、
我正在
使用
AngularJS材料,并且遇到了一个问题,试图
使
md-card达到
相同
的
高度
。在屏幕上,卡片
的
高度
是
相同
的
,但我真的只想让内容部分增长以填充空闲空间。下面你可以看到我的卡片是
相同
的
高度
,但我希望我
的
图像和图像标题保持不变,而下面的一切都会增长以适应最大
的
高度
:我的卡片代码如下所示: <md-ca
浏览 41
提问于2018-01-26
得票数 2
回答已采纳
1
回答
我
如何
才能让Twitter引导井与其外部
div
的
高度
相同
?
、
我
使用
一个引导网格创建一个四叉图,并利用CSS3柔性盒布局模式讨论了,
使
同一行中
的
每一列都
具有
相同
的
高度
。但是,我想在每个四边形中
使用
一个引导带来突出显示图表
的
“四度”,我似乎不知道
如何
使
井填满列
div
中
的
所有空间。</
div
></
div
浏览 0
提问于2015-05-26
得票数 1
3
回答
有两个列/
div
具有
匹配
的
高度
的
最佳方法是什么,不管内容长度在哪个
div
中?
、
、
下面是一个用css做这件事
的
小例子,它们可以任意长度匹配。但我需要它至少是视口/身体
的
全部
高度
。在本例中,当只有少量内容时,它就会缩短: 这是小提琴
的
密码:html, body { height:100%; }border:thin solid red; #i
浏览 4
提问于2013-12-06
得票数 0
回答已采纳
1
回答
使
flexbox
行
的
高度
由其子元素之一确定
、
、
我正在为一个网站做一个小
的
聊天/流媒体部分。视频
的
样式使其始终保持16:9
的
纵横比。旁边
的
聊天我想要和视频一样
的
高度
。聊天框
具有
溢出
属性
,因此当聊天超过一定
高度
时,它将拉伸父容器以显示
div
中
的
所有聊天项;这是意料之中
的
。我真正想问
的
是,我
如何
才能使一个
flexbox
列
的
高度
只达到第
浏览 0
提问于2018-04-22
得票数 0
1
回答
2块在不同
的
父列中
具有
相同
的
高度
、
、
、
我正在尝试创建一个有2列并排
的
布局。1在背景图像上包含文本,另一个在顶部包含宽图像,下面是文本块。以下是模型
的
快速草图(不确定链接到任何图像
的
最佳方式):所以,我遇到
的
问题是,
如何
将左侧
的
列文本与右侧
的
文本对齐?显然,它们位于两个独立
的
div
中,因此彼此之间并没有太多
的
联系。所以这就是最棘手
的
部分。所以我
使用
flexbox
来
浏览 1
提问于2017-11-28
得票数 0
1
回答
overflow设置为visible最近开始调整父
div
的
高度
以适合子级
、
、
我有一个子
div
,它在父
div
中悬停时增加其
高度
,该父
div
的
overflow-y设置为visible。从最近开始,父
div
一直在调整/增加它
的
高度
,以便当子
div
的
高度
增加时与子
div
的
高度
相匹配,而不是简单地允许子
div
溢出并延伸到父
div
之外。父
div
也是
flexbox
浏览 2
提问于2019-04-03
得票数 0
2
回答
将
flexbox
子项设置为
具有
不同
的
高度
以耗尽可用空间
、
使用
两列
flexbox
布局,
如何
使
不同大小
的
子项填充所有可用空间,而不是
使
所有子项
具有
行中最高
的
子项
的
高度
? display: flex;} width: 300px;} <
di
浏览 0
提问于2014-01-08
得票数 49
回答已采纳
1
回答
如何
使用
flexbox
完成此设计?
、
、
我正在尝试通过
使用
flexbox
来完成这个设计:它应该是一个单页面的网站。 } flex: 1; background: gray;<
div
class="container"> </
div
>
浏览 3
提问于2019-04-04
得票数 1
1
回答
在另一个
Div
下填充父类中
的
空格
的
div
。
、
简单
的
说。以下是我所做
的
: 我需要
div
right-down来填充
div
right-up下
的
空间,直到它们在建立在materialize.css上
的
系统上
具有
相同
的
left
高度
,只
使用
css。我知道
如何
处理涉及到<e
浏览 1
提问于2020-07-31
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS—总结常用垂直居中方法
20条CSS高级技巧
24个 CSS 高级技巧合集
基于 Flexbox和CSS Grid 的高效布局
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券