css 行间距(和列间距)在Flex和Grid Layout中有什么作用?

uemypmqf  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(183)

我阅读此页面是为了了解gap属性的浏览器兼容性:https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap
它提供了Flex和Grid Layout的示例,因此您可能希望它仅在其中一种布局中工作。
但让我困惑的是兼容性矩阵。我看到它有三行:

  1. row-gap( chrome 47)
    1.在Flex布局中支持(Chrome 84)
    1.在网格布局中受支持(Chrome 66)
    如果在Chrome 66中仅开始支持这些布局之一,那么在Chrome版本v中,47 <= v < 66支持哪些布局?
    我试着在Flow Layout中使用它:
    第一个
    正如预期的那样,这没有任何作用。
06odsfpq

06odsfpq1#

看起来gap确实可以在multi-column layout中工作,所以这可能是它在flexgrid容器之前工作的地方。
第一个

相关问题