当高度未知且可能不同（高度取决于其他动态因素）时，如何使css宽度与高度相同？
相关元素（类为“child”的元素）的高度等于其同级内容的高度（由父元素设置）。代码如下所示当高度未知且可能不同（高度取决于其他动态因素）时，如何使css宽度与高度相同？,css,flexbox,Css,Flexbox,相关元素（类为“child”的元素）的高度等于其同级内容的高度（由父元素设置）。代码如下所示 div.child的高度是自动设置的，可能会有所不同。我希望此元素的宽度始终与其高度匹配。 简而言之，我希望div.child始终为正方形 演示的Codepen链接--> .parent{ 显示器：flex； 对齐项目：拉伸； } .父母，孩子{ 边框：1px纯黑； } 我想将此元素的宽度设置为其高度（等于其同级内容的高度，由'align items:stretch'设置） 一些文本 一些文本 一些
div.child.parent{
显示器：flex；
对齐项目：拉伸；
}
.父母，孩子{
边框：1px纯黑；
}
我想将此元素的宽度设置为其高度（等于其同级内容的高度，由'align items:stretch'设置）
一些文本
一些文本
一些文本
一些文本