Css 什么'；flexbox中可见性：隐藏和可见性：折叠之间的区别是什么？

在报告中，它说：

折叠的flex项将从渲染中完全移除，但会留下一个“支柱”

这是否表现得像

可见性：hidden

？如果答案是肯定的，那么为什么引入了

可见性：折叠？
关于浏览器支持的说明：截至2017年7月，Chrome（59）不支持
可见性：折叠。下面带有
collapse
的代码示例在Firefox和Edge中工作，但在Chrome中失败（它们的行为就像
hidden
）。更新：截至2020年7月，此is注释仍然有效。Chrome和Safari处理
可见性：折叠
类似
隐藏


弹性项目按行或列排列，具体取决于
弹性方向

每行/每列都被视为一个

在下面的示例中，flex容器在行方向上有四个flex项。第四个项目包装，创建第二条柔性线：


.container{
显示器：flex；
柔性包装：包装；
宽度：200px；
边框：1px黑色虚线；
}
.盒子{
高度：50px；
flex:050px；
保证金：5px；
背景颜色：浅绿色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}

1.
2.
3.
4.
它实际上取决于元素。如果在表格子元素上使用，
collapse
将隐藏该元素及其占用的空间

collapse
如果用于非表子元素的任何元素，其行为将类似于
hidden
简而言之：由于可见性：hidden实际上不会影响布局，不，它们完全不同。非常感谢！规范说webkit通过了对折叠项目的测试，所以我认为chrome的表现是正确的，没有使用firefox和edge进行测试。再次感谢！