这两个值之间的区别是什么？我已经测试了很多例子，它们给出了完全相同的结果……有没有人能给我举个例子，flex-basis: auto;不能给出与flex-basis: 0;相同的结果
浏览 1提问于2017-12-01得票数 27
回答已采纳
1回答
在中
您可以在这个中通过更改css中的注释来尝试它。当我使用flex: 1时，类名为test-container的元素将是height:100%，但在使用flex-grow: 1时不会发生。
浏览 6提问于2017-08-19得票数 10
回答已采纳
1回答
创建等宽的挠曲项
、、
我使用flex进行布局，但浏览器不会在项目之间平均分配宽度。 display: flex;}
flex: 1 1 auto;<div class="parent">我知道我可以直接使用OK按钮，它将解决我的问题，但是在我的</em
浏览 2提问于2017-06-14得票数 4
回答已采纳
1回答
Bulma不一致输入宽度
、、、
我有一个简单的表单，就是使用Bulma框架。我得到了不一致的输入宽度，无法找到补救办法。似乎是在标签长的时候发生的。如果我留着短标签，问题就解决了。为什么标签会影响输入宽度？可能是我不熟悉的柔性箱问题。有人知道解决办法吗？
浏览 2提问于2017-07-26得票数 2
回答已采纳
学习Flexbox &我不明白为什么Flexbox是这样的。据我所知，flex只是flex增长，flex收缩和flex基础的简写，最后两个是可选的。在下面的示例中，我期望使用只定义了第一个值的flex-grow vs flex获得相同的结果。我得到了不同的结果，但我不明白为什么。第一个容器中的结果正是我在这两个容器中所期望的。.container { width: 100%;
back
浏览 3提问于2021-05-11得票数 1
回答已采纳
1回答
以下内容适用于Chrome和FF <div style="flex:1">Top<br /> Top<br /> <div>Bottom</div>但在IE 11中，
浏览 1提问于2014-06-26得票数 2
回答已采纳
2回答
我在width和flex-basis之间遇到了行为上的差异，这是无法解释的。 padding: 10px;.inner { flex-shrink: 0; flex-grow: 0;} width: 258px;
flex-shrink
浏览 5提问于2016-07-06得票数 6
回答已采纳
我使用柔性盒来组织页面上的元素。但在第三步，物品不再包装。如果更改窗口宽度，每行的项目数将保持不变，并且它们的内容将被压缩。我不想这样。当项目的宽度小于其内容时，我希望将其放在下一行，因为它在前两个步骤中工作。我试着玩flex-shrink
浏览 5提问于2015-10-19得票数 5
1回答
当有带有display: flex的外部div，带有flex: 1 0 auto的内部div，以及带有width: 100%的内部div时，输入会以一定的大小从容器中分离出来。这很可能是输入的默认最小大小，但是设置min-size: 0并不能修复它。删除flex确实解决了这个问题，但是我想知道为什么(因为默认的flex基值是auto )，以及如何修复它仍然保持flex和当前的HTM
浏览 1提问于2019-06-20得票数 2
回答已采纳
1回答
在左边的图片，适合我的“显示灵活布局”，并调整大小的所有浏览器。我的“柔性增长布局”列表1用于图像，3用于描述。没有图像，一切都很好，但是我的图像(100%宽度)并不适合行的1/3。
浏览 1提问于2017-11-20得票数 9
回答已采纳
我发现了一个灵活框/网格布局的SCSS混入。$flex-basis: auto; width: auto; $flex-shrink: 0; } @else if type-of($col) == string an
浏览 3提问于2017-08-22得票数 0
3回答
由于<p></p>元素占用的空间，第一幅图像比其他两幅图像宽得多。
+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVENTgxRDIxRkZDOTExRTY4RTdDQTE3MTY0NDM0NjM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVENTgxRDIyRkZDOTExRTY4RTdDQTE3MTY0</
浏览 4提问于2017-03-09得票数 6
回答已采纳
我还检查了各种文档，但不能理解下面代码中的逻辑。假设我们为Flex-Basis支付了25%。正如你所看到的，当我们将Flex-Grow 0.25赋给另一个具有相同功能的盒子时，尺寸是不同的，但它不应该是相同的吗？ 另外，使用弹性基础作为百分比和使用灵活增长之间有什么区别？html body { margin: 0;}
.conta
浏览 30提问于2021-04-13得票数 1
1回答
我正在使用flex-wrap的Flexbox，这样当flex-items的宽度相等时，项目将被包装，从而使布局响应。
我们有没有办法在保留包装的同时保持网格？
浏览 0提问于2018-04-11得票数 0
然而，在火狐中，flex:1似乎不能做任何事情，孩子也不能调整大小(尽管DOM中的高度似乎在变化)。谢谢!
浏览 0提问于2018-07-13得票数 1
我正在尝试使用，包括一个Media-body和一个Media-figure。HTML和类遵循这种形式(顺序不重要)。flex: 0 0 auto;
flex-shrink: 0; */ flex: 1 1 0;
/* same
浏览 1提问于2015-01-23得票数 12
回答已采纳
2回答
我有弹性的项目与非常长的字符串在里面，我想它是包装。但它不起作用。例如，我设置了flex 1 1 500px (flex-basis = 500px)，它应该用word wrap: break-word对字符串进行包装.map-detail-wrapper { flex-wrap: wrap;
.ad-detail-tex
浏览 0提问于2017-05-18得票数 3
1回答
我们有带有flex-basis: auto的父容器；在最后一个父容器的内部，我们有一些带有flex-basis: 0的flexbox计数；问题是最后一个父容器的行为就像他是空的。小提琴手：https://fiddle.sencha.com/#view/editor&fiddle/2slv 以下是文本示例： -div:flex-basis=auto</e
浏览 12提问于2019-05-30得票数 0
回答已采纳
10回答
众所周知，flex属性是flex-grow、flex-shrink和flex-basis属性的缩写。它的默认值是0 1 auto，这意味着flex-shrink: 1;但我注意到，在许多地方都使用flex: 1。它是1 1 auto还是1 0 auto的缩写？我不明白这意味着什么，当我谷歌
浏览 24提问于2016-05-23得票数 225
回答已采纳
云服务器
ICP备案
云直播
对象存储
实时音视频
腾讯云开发者
