flex:1, display:flex 在同一个元素上？ [复制]

Question

我在网上或 caniuse 网站上找不到可靠的信息。

在 flexbox 项目上使用 display: flex 是否“合法”并且得到很好的支持？我的意思是：

.parent{
   display: flex;
}

.child{
   flex:1;
   display: flex;
}

您可能知道任何浏览器支持图表吗？

Answer 1

这不是“支持”的问题。

display:flex 使元素成为“flex-parent”。

flex: 1仅应用于“flex-children”。

这完全是“合法的”，因为这两个属性不适用于相同的原因，并且没有具体相关。

关于嵌套弹性盒的信息，可以参考W3.org Specification*

^{* 感谢 LGSo}