display：inline-flex和display：flex有什么区别？
我正在尝试在ID包装器中垂直对齐元素。我将属性display:inline-flex;赋予此ID，因为ID包装器是flex容器。
但是呈现方式没有什么区别。我希望包装ID中的所有内容都会显示出来inline。为什么不呢
#wrapper {
display: inline-flex;
/*no difference to display:flex; */
}
<body>
<div id="wrapper">
<header>header</header>
<nav>nav</nav>
<aside>aside</aside>
<main>main</main>
<footer>footer</footer>
</div>
</body>
问题答案：
display: inline-flex不会使 弹性项目 内联显示。它使 伸缩容器 内联显示。这是display: inline- flex和之间的唯一区别display: flex。可以在display: inline-block和之间以及display: block与具有内联对应项的几乎所有其他显示类型之间进行类似的比较。1个
弹性项目的效果绝对没有区别；无论flex容器是块级还是内联级，flex布局都是相同的。特别是，flex项本身始终像块级框一样运行（尽管它们确实具有内联块的
某些 属性）。您不能内联显示弹性项目；否则，您实际上没有弹性布局。
目前尚不清楚“垂直对齐”到底是什么意思，或者为什么要真正内联显示内容，但我不确定flexbox不是您要完成的任务的正确工具。机会是你要找的是什么，只是普通的老直列布局（display:inline和/或display: inline-block），为此，Flexbox将是 不 更换; flexbox_并不是_所有人都声称的通用布局解决方案（我之所以这样说是因为误解可能是您首先考虑使用flexbox的原因）。
1
块布局和内联布局之间的差异不在此问题的范围内，但最突出的是自动宽度：块级框水平拉伸以填充其包含的块，而内联级框缩小以适合其容纳的块内容。实际上，仅出于这个原因，display:inline-flex除非您有很好的理由内联显示flex容器，否则您几乎不会使用。
-
问题内容： 关于此有很多问题和文章，但据我所知，尚无定论。我能找到的最好的总结是 flex-basis 允许您在计算其他任何内容之前指定元素的初始/开始大小。它可以是百分比或绝对值。 …本身并没有过多说明具有 flex-basis 设置的元素的行为。以我目前对flexbox的了解，我不明白为什么那也不能描述 宽度 。 我想知道 flex-basis 与实际 宽度 有何不同： 如果我用 flex-b
-
问题内容： 我最近开始使用flexbox，经常会遇到需要在主轴之间分配空间的情况。 我经常在和之间犹豫。例如，如果我要一项测量2个量度，而另一项测量100％，则我有两个选择。我可以设置和，或和。 有时，如果我希望一个元素扩大其余空间，我可以这样做或。 我该如何选择？使用width与flex-grow有什么区别/注意事项？ 问题答案： 和是两个完全不同的CSS特性。 该属性用于定义元素的宽度。 该属
-
本文向大家介绍flex:1与flex:auto有什么区别？相关面试题，主要包含被问及flex:1与flex:auto有什么区别？时的应答技巧和注意事项，需要的朋友参考一下
-
问题内容： 两者都意味着空间，但是有什么区别吗？ 问题答案： 一个是不间断空间，另一个是常规空间。不间断的空格表示该行不应在该点处换行，就像它不会在一个单词的中间换行一样。 此外，正如斯文德（Svend）在其评论中指出的那样，不间断的空间不会崩溃。
-
本文向大家介绍<%# %> 和 <% %> 有什么区别？相关面试题，主要包含被问及<%# %> 和 <% %> 有什么区别？时的应答技巧和注意事项，需要的朋友参考一下 答：<%# %>表示绑定的数据源 <%%>是服务器端代码块
-
问题内容： 以下代码之间有什么区别： 和 Python建议采用一种做事方式，但有时似乎不止一种。 问题答案： 一个是函数调用，一个是文字： 使用第二种形式。它更具Python风格，并且可能更快（因为它不涉及加载和调用单独的函数）。