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