回答情况：
提问时间：
问题标签：
据我所知，flex是flex-grow、flex-shrink和flex-basis的缩写。因为flex的第一个简写是flex-grow，所以我尝试将flex更改为flex-grow，以便对一些元素进行宽度调整，希望它能产生相同的结果，但结果并不像预期的那样。--endContainer--></html>我使用flex-grow 更改flexflex-grow</em
浏览 1修改于2020-09-06得票数 0
在文档和Bootstrap v4 的问题中，我看不到任何支持flex-grow的计划，例如： <div class="flex-grow">
浏览 15修改于2019-01-10得票数 41
回答已采纳
{-webkit-flex-grow: 1;}#main div:nth-of-type(1) {flex-grow: 1;}#main img { width: 100% } <div styleLampe-silber-Schirm_1.jpg"></div>
浏览 1修改于2017-11-20得票数 9
回答已采纳
我经常在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-06-20得票数 15
回答已采纳
background-color:#99C; justify-content: center;
flex-grow
浏览 0提问于2015-09-01得票数 0
因此，我想知道的问题是否仍然存在于grid中，但是只有在文档的当前结构与flex-grow类似的grid属性存在时，测试才能正常工作。
浏览 0修改于2019-06-11得票数 1
回答已采纳
是否可以在material ui中将“flex-”添加到网格项目？Seams有点奇怪，我必须选择盒子才能访问Flexbox
浏览 0提问于2021-02-12得票数 1
这个容器有来自bootstrap flex-grow 1的类来填充节之间的空白空间。问题是图像溢出了这一部分。请问如何解决这个问题？这是我必须做的，但图像现在溢出了，所以我把它藏起来了。
浏览 2修改于2020-11-11得票数 0
然后，我将views-cntnr的flex-grow属性设置为1。似乎没有做任何事情。}
display: flex; flex-grow: 1;
display: flex; fle
浏览 0修改于2017-09-28得票数 17
回答已采纳
恐怕我不能理解flex-grow。如果你跳到下面的JSFiddle --据我所知，.big应该是其他.flex-item的三倍大小。如你所见，事实并非如此。为什么？
display:flex;} flex-grow:1; border:1px solid black;.big {}
<ul class="
浏览 0修改于2017-09-28得票数 57
回答已采纳
这两种风格有什么不同： flex-shrink: 0; flex-grow: 1;如果我将flex-grow设置为1，这意味着元素不能收缩，反之亦然
浏览 0提问于2017-11-06得票数 2
设置flex: 1;和设置flex-grow: 1;在效果上有什么区别？当我在我的代码中设置前者时，我的两个列以相同的宽度显示，而当我设置后者时，它们不这样做。这很奇怪，因为我假设设置flex: 1;只影响flex-grow属性。
浏览 1修改于2016-02-15得票数 39
回答已采纳
它们实际上在媒体查询中) display: -webkit-flex; }
width: auto; flex-grow: 1;我就不能用 width: 100%;而不是 width: auto;
flex-grow</
浏览 0修改于2016-10-19得票数 1
回答已采纳
145px; margin-right: 100px;}
background-color: blue; flex-grow: 1000; display: flex;}
flex-grow: 1;}
flex-grow: 0;
浏览 12提问于2019-11-14得票数 0
回答已采纳
首先，使用flex-grow属性，我将布局划分为2列，比率为2/5，然后将这2列划分为行，第一列的比率为1/9，第二列的比率为5/1。display: flex; height: calc(100vh - 2em);}
flex-grow: 2; flex-direction: column;}
<e
浏览 21修改于2019-10-07得票数 1
回答已采纳
现在项的宽度是flex父项的一半，但是当我将子项设置为flex-grow: 1时，似乎什么都没有发生。important; flex-grow: 1;
我想要两个项目在一行，总共两行。
浏览 5修改于2018-02-05得票数 1
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号