文章标签

Flexbox 虽然很棒，但它在幕后做的事情有点奇怪，因为它默认情况下同时执行两项操作。它首先查看内容大小，这与我们在元素上声明 width: max-content 时获得的结果相同。但除此之外，flex-shrink 也做了一些工作，允许项目变小，但仅在必要时。让我们将这两个方面分解并了解它们如何协同工作。

当您将 CSS 属性应用于元素时，幕后会发生很多事情。例如，假设我们有以下 HTML 代码

<div class="parent"<div class="child"Child</div<div class="child"Child</div<div class="child"Child</div</div

…

Heydon 的 圣杯 是一种技术，它可以让一排元素在特定宽度下变成一列元素。这是一个 指定父级 宽度，而不是像媒体查询那样的 屏幕 宽度。因此，就像一个容器……

简而言之：flex-shrink 和 flex-basis 可能是您要找的东西……。