使用 flexbox 而不是只使用 display: inline 最重要的优点是什么答案

【问题标题】：What are the most important advantages of using flexbox instead of just using display: inline使用 flexbox 而不是只使用 display: inline 最重要的优点是什么
【发布时间】：2021-11-20 22:35:22
【问题描述】：

我知道使用 flexbox 比使用旧概念更舒服

display: inline; float: right

但是当你通过放置一个容器和使用display: flex;而不是仅仅将容器内的每个元素都更改为display: inline;来比较使用flexbox时，使用flexbox有什么优势？我的意思是除了使用方向、换行、对齐内容等。

所以当我举一个像这样的例子时

我是否也可以通过使用display:inline 和float: right 来实现这些属性（一个项目水平放置在容器中，一起适合整个容器大小）？

我知道这是无效的。但我正在寻找论据，为什么 flexbox 是旧的内联/浮动方法的一个很好的替代方案，即使你只使用 flexbox 的主要功能。

【问题讨论】：

标签： html css flexbox css-float inline

【解决方案1】：

...论证为什么 flexbox 是旧的 inline/float-approach 的良好替代品...

为什么选择 Flexbox？

长期以来，唯一可靠的跨浏览器兼容工具可用于创建 CSS 布局的功能有浮动和定位。这些工作，但在某些方面，他们也限制和令人沮丧。

以下简单的布局设计要么困难要么不可能以任何方便、灵活的方式使用此类工具实现：

在其父级内垂直居中内容块。

使容器的所有子项占用等量的可用宽度/高度，而不管宽度/高度是多少可用。

使多列布局中的所有列采用相同的高度，即使它们包含不同数量的内容。

MDN flexbox

【讨论】：