flex-basis auto和0(零)之间的差异

html、css、flexbox

这两个值之间的区别是什么？我已经测试了很多例子，它们给出了完全相同的结果……有没有人能给我举个例子，flex-basis: auto;不能给出与flex-basis: 0;相同的结果

浏览 1提问于2017-12-01得票数 27

回答已采纳

1回答

flex:1和flex:1的区别

css、flexbox

在中您可以在这个中通过更改css中的注释来尝试它。当我使用flex: 1时，类名为test-container的元素将是height:100%，但在使用flex-grow: 1时不会发生。

浏览 6提问于2017-08-19得票数 10

回答已采纳

1回答

创建等宽的挠曲项

html、css、flexbox

我使用flex进行布局，但浏览器不会在项目之间平均分配宽度。 display: flex;} flex: 1 1 auto;<div class="parent">我知道我可以直接使用OK按钮，它将解决我的问题，但是在我的</em

浏览 2提问于2017-06-14得票数 4

回答已采纳

1回答

Bulma不一致输入宽度

html、css、flexbox、bulma

我有一个简单的表单，就是使用Bulma框架。我得到了不一致的输入宽度，无法找到补救办法。似乎是在标签长的时候发生的。如果我留着短标签，问题就解决了。为什么标签会影响输入宽度？可能是我不熟悉的柔性箱问题。有人知道解决办法吗？

浏览 2提问于2017-07-26得票数 2

回答已采纳

2回答

flex与flex-增长产生不同的结果

css、flexbox

学习Flexbox &我不明白为什么Flexbox是这样的。据我所知，flex只是flex增长，flex收缩和flex基础的简写，最后两个是可选的。在下面的示例中，我期望使用只定义了第一个值的flex-grow vs flex获得相同的结果。我得到了不同的结果，但我不明白为什么。第一个容器中的结果正是我在这两个容器中所期望的。.container { width: 100%; back

浏览 3提问于2021-05-11得票数 1

回答已采纳

1回答

IE 11没有正确对齐Flexbox

html、css、internet-explorer-11

以下内容适用于Chrome和FF <div style="flex:1">Top<br /> Top<br /> <div>Bottom</div>但在IE 11中，

浏览 1提问于2014-06-26得票数 2

回答已采纳

2回答

宽度和挠曲基差

css、flexbox

我在width和flex-basis之间遇到了行为上的差异，这是无法解释的。 padding: 10px;.inner { flex-shrink: 0; flex-grow: 0;} width: 258px; flex-shrink

浏览 5提问于2016-07-06得票数 6

回答已采纳

4回答

CSS挠曲盒(flex-grow / flexbox )-相同的宽度，但不再包装

html、css、flexbox

我使用柔性盒来组织页面上的元素。但在第三步，物品不再包装。如果更改窗口宽度，每行的项目数将保持不变，并且它们的内容将被压缩。我不想这样。当项目的宽度小于其内容时，我希望将其放在下一行，因为它在前两个步骤中工作。我试着玩flex-shrink

浏览 5提问于2015-10-19得票数 5

1回答

用柔性基础自动跳出小容器的输入

html、css、flexbox

当有带有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回答

flex-grow不能处理图像。

html、css、flexbox、flex-grow

在左边的图片，适合我的“显示灵活布局”，并调整大小的所有浏览器。我的“柔性增长布局”列表1用于图像，3用于描述。没有图像，一切都很好，但是我的图像(100%宽度)并不适合行的1/3。

浏览 1提问于2017-11-20得票数 9

回答已采纳

1回答

这种混合的flexbox/grid layout SCSS混入是如何工作的？

html、css、sass、flexbox、grid-layout

我发现了一个灵活框/网格布局的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

回答已采纳

1回答

当你将Flex -Base值作为百分比时，为什么它不能用Flex Grow做同样的事情呢？

html、css、flexbox

我还检查了各种文档，但不能理解下面代码中的逻辑。假设我们为Flex-Basis支付了25%。正如你所看到的，当我们将Flex-Grow 0.25赋给另一个具有相同功能的盒子时，尺寸是不同的，但它不应该是相同的吗？另外，使用弹性基础作为百分比和使用灵活增长之间有什么区别？html body { margin: 0;} .conta

浏览 30提问于2021-04-13得票数 1

1回答

CSS Flexbox:对齐Flex项的子项

css、flexbox、alignment、text-alignment

我正在使用flex-wrap的Flexbox，这样当flex-items的宽度相等时，项目将被包装，从而使布局响应。我们有没有办法在保留包装的同时保持网格？

浏览 0提问于2018-04-11得票数 0

1回答

Flex可调整大小的子项不能在Firefox中调整大小

html、css、flexbox、frontend

然而，在火狐中，flex:1似乎不能做任何事情，孩子也不能调整大小(尽管DOM中的高度似乎在变化)。谢谢!

浏览 0提问于2018-07-13得票数 1

1回答

Ie10-11基于flex的属性与webkit浏览器的行为不同。

html、css、internet-explorer、flexbox

我正在尝试使用，包括一个Media-body和一个Media-figure。HTML和类遵循这种形式(顺序不重要)。flex: 0 0 auto; flex-shrink: 0; */ flex: 1 1 0; /* same

浏览 1提问于2015-01-23得票数 12

回答已采纳

2回答

Flexbox项目多行文本溢出

css、flexbox

我有弹性的项目与非常长的字符串在里面，我想它是包装。但它不起作用。例如，我设置了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回答

IE Flexbox不考虑子flexbox大小

html、css、internet-explorer、flexbox、cross-browser

我们有带有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: 1是什么意思？

css、flexbox

众所周知，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

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

flex-basis auto和0(零)之间的差异

相关·内容