Safari 14.1 添加了对 Flexbox 间隙的支持

太好了，它来了！据报道，Safari 14.1 添加了对 flexbox 布局中 gap 属性的支持。 我们已经有一段时间支持 grid-gap 了，但正如其名称所示，它仅限于网格布局。 现在，我们可以在两种类型的布局中使用 gap

.container {
  display: flex;
  flex-flow: row wrap;
  gap: 1.5rem;
}

Apple 对更新一直保持沉默。 直到 Eric Meyer 在一封电子邮件中提到它，我才知道这件事，而他只是在 Jen Simmons 发布推文后才听到的。

您看到，Safari 14.1 昨天发布了……包括对 Flexbox 中间隙的支持。

（*Can I Use 和 MDN 仍需更新，因此它们尚未显示支持……但它确实存在！ 请尝试一下。）

— Jen Simmons (@jensimmons) 2021年4月27日

我检查了 WebKit CSS 功能状态，果然，它受支持。 它只是在发行说明中没有被提及。 Safari 的发行说明存档 中还没有发布任何内容，所以也许我们将来会在那里正式了解到它。 现在，似乎 Maximiliano Firtman 对 iOS 14.5 的概述是最深入的了解新功能。

而且，Eric 最近介绍了如何使用 gap 属性 真是太及时了，它不仅用于网格和 flexbox 布局，还用于多列布局。