腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(6661)
视频
沙龙
3
回答
flex或
flex-grow
、
flex-grow
或flex
、
、
据我所知,flex是
flex-grow
、flex-shrink和flex-basis的缩写。因为flex的第一个简写是
flex-grow
,所以我尝试将flex更改为
flex-grow
,以便对一些元素进行宽度调整,希望它能产生相同的结果,但结果并不像预期的那样。--endContainer--></html>我使用
flex-grow
更改flex
flex-grow</em
浏览 1
提问于2020-09-05
得票数 0
1
回答
BootstrapV4的flex grow属性是否具有不同的大小?
我知道‘
flex-grow
1’是可用的,它对应于
flex-grow
: 1。但是
flex-grow
2,
flex-grow
3似乎不可用。 你能告诉我这门课有没有空档?若否,原因为何?
浏览 25
提问于2018-06-07
得票数 0
回答已采纳
1
回答
使用css和flex定位div
、
、
: 1"> <div style="
flex-grow
: 0; flex-shrink: 0;">Some label</div> <div style="
浏览 0
提问于2019-01-04
得票数 2
回答已采纳
1
回答
使用左右两侧的面板创建Bootstrap布局
、
、
、
panel panel-default flex-col"><div class="panel-body
flex-grow
">Content here -- div with .
flex-grow
</div> <div class="panel-footer">Footer</
浏览 0
提问于2016-07-14
得票数 0
2
回答
挠曲生长绝对值的意义
、
据我所知,
flex-grow
在flex-ed元素的子元素上指定了应该将剩余空间的相对比例分配给给定元素的多少。所以这个:<div style="display: flex;"> <p style="
flex-grow
: 1; border: 1px solid purple;">First</p><p style="
flex-grow
: 2; border: 1px solid gray;">Second<
浏览 8
提问于2022-05-16
得票数 0
回答已采纳
1
回答
为什么第一个div中的
flex-grow
会影响第三个div?
、
、
我对
flex-grow
属性的理解是元素扩展以占用空间,而占用的空间由该属性的值决定。因此,如果我们有一个有3个子
flex-grow
:2的flex容器,第一个有
flex-grow
: 1,第二个有div,第三个有
flex-grow
: 3,现在我们有6个部分,所以第三个会占据50%的空间。为什么向第一个div添加
flex-grow
值会影响第三个div? : 5;
flex-grow
: 1; .cont>div:
浏览 15
提问于2019-01-25
得票数 0
回答已采纳
1
回答
为什么这个不能在铬中工作呢?但是在Firefox和其他浏览器中工作得很好吗?
、
、
、
、
: 8;} background-color: white;} background-color: #666;} border: solid #000 8px; background-color: whi
浏览 3
提问于2017-02-20
得票数 1
回答已采纳
1
回答
flex-grow
和width有什么不同?
、
我经常在width和
flex-grow
之间犹豫不决。例如,如果我想让一个项目测量2个度量值,而另一个度量值加起来为100%,我有两个选择。我可以设置width: 66.6%和width: 33.3%,也可以设置
flex-grow
: 2和
flex-grow
: 1。有时,如果我想让一个元素扩展其余的空间,我可以使用width: 100%或
flex-grow
: 1。 我该如何选择?使用width和
flex-grow
有什么区别/注意事项?
浏览 1
提问于2016-01-12
得票数 15
回答已采纳
1
回答
如何使柔性盒子代从父类中填充父级的宽度
、
、
我可以通过向每个孩子添加
flex-grow
来做到这一点,但理想情况下,我希望能够从父级控制它。NB:代码正在使用裁剪器 <div class="
flex-grow
mr-1 rounded-l-lg bg-blue-dark"></div> <div class="
flex-grow
mr-1 bg-blue-dark"></div>
浏览 4
提问于2020-11-08
得票数 1
1
回答
角质的。动画柔韧元素
、
、
(在标题上设置overflow: hidden完全破坏动画)transition(':enter', [ animate(500, style({'
flex-grow
': '1'})),transition(':leave', [ style({'
flex-grow</em
浏览 2
提问于2017-05-15
得票数 2
回答已采纳
2
回答
从父对象开始到结束平稳地移动对象,没有重叠。
、
、
父函数是由
flex-grow
设置宽度的flex子函数,它与另一个flex子节点共享其行。 max-width: 600px; float: left;}
flex-grow
: 8; padding: 5px 0;
flex-grow
: 2; background-col
浏览 0
提问于2018-10-10
得票数 3
回答已采纳
1
回答
当右div处于最大宽度时,弹性左div填充剩余空间。
、
我在一个折叠式盒子里有两个div。Div A在左边,div B在右边。.container { justify-content: start; } width: 60%;.div_b {} 现在,我希望div B有一个最大和最小的宽度,代码现在看起来如下:
浏览 1
提问于2022-09-23
得票数 2
回答已采纳
2
回答
在内部项中使用带填充的Flexbox
、
、
当两个项目之一部分填充填充时,如何保持
flex-grow
定义的宽度比?它不起作用。比率取决于容器的宽度。 <div style="
flex-grow
: 3; padding: 4rem; background-color: red;"> <div style="
flex-grow
: 2; background-color: green;">
浏览 0
提问于2018-01-09
得票数 5
回答已采纳
2
回答
如何在没有百分比的情况下调整弹性项的大小?
、
、
我正在尝试创建一个基于flexbox的网格,内容是2/3的宽度,边栏是剩下的1/3。为什么会这样呢?如何在不使用百分比的情况下完成此操作,以避免错误? @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);*:before, box-sizing: border-box; margin: 0; font-family
浏览 7
提问于2016-02-27
得票数 5
回答已采纳
3
回答
如何使用
flex-grow
?
、
、
、
在文档和Bootstrap v4 的问题中,我看不到任何支持
flex-grow
的计划,例如: <div class="
flex-grow
">
浏览 15
提问于2017-02-10
得票数 41
回答已采纳
1
回答
为了支持IE11,是否有将css挠性速记转换为长时间的多填充?
、
、
、
、
} @include flexIEFallback(1 0 100%);
flex-grow
: 1; flex-basis: auto; @if $flex-list == (initial) { flex-shrink: 1; } @if $flex-l
浏览 1
提问于2020-05-21
得票数 0
1
回答
将div彼此对齐,一个与img对齐
、
、
我对我制作的产品卡有问题,就像这样,如果我们把它变得简单: .container { display: flex;} flex: 0 0 60%; object-fit: cover; object-position: center center; max-height: 100%; flex: 0 0 40%; m
浏览 18
提问于2020-07-20
得票数 0
1
回答
使其父元素在子扩展时不会增长。
、
、
我有一个弹性盒布局,我在多个元素上使用
flex-grow
: 1来均匀地分配布局。但是,当我向其中一个元素添加内容时,它会立即展开并破坏均匀布局。 background: blue;} display: flex; } display: flex; align-
浏览 11
提问于2022-05-02
得票数 0
2
回答
flex中没有高度的溢出自动
{ background: red;} width: 100%;
flex-grow
root"> <main> <div class="column" style="
flex-grow</em
浏览 4
提问于2020-06-16
得票数 0
回答已采纳
1
回答
调整页面大小后无法将flexbox容器拉到页脚
、
、
这是.Central { flex-direction: row; height: auto; .LeftSide {
flex-grow
: 8;} background-color: #965254; }
浏览 2
提问于2017-03-05
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
【CSS基础】Flex弹性布局
从零开始学 Web之CSS3(七)多列布局,伸缩布局
Flex 布局教程:语法篇
Flexbox 布局的最简单表单
CSS3 Flexbox布局
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券