Html 拉伸和居中嵌套二维flexbox元素

.outer{
边框：2倍纯红；
显示器：flex；
}
.内部{
边框：2倍纯青色；
显示器：flex；
柔性流：柱包裹；
自对准：居中；
}
因内斯特先生{
边框：2倍纯色橙色；
柔性生长：1；
}

A.
B
C
D

我想这就是你要找的

.outer{
边框：2倍纯红；
显示器：flex；
}
.内部{
边框：2倍纯青色；
显示器：flex；
柔性流：柱包裹；
自对准：居中；
}
.第二天{
显示器：flex；
弹性基础：自动；
}
第二内。内{
显示器：flex；
对齐项目：居中；
}
因内斯特先生{
边框：2倍纯色橙色；
}

A.
B
C
D

我不确定我是否理解您的意思，但是添加.outer div{width:100%；}并告诉我您是不是这个意思？谢谢。你能解释一下为什么second_inner使用flex direction列不起作用吗？当你这样做的时候，你只是颠倒了方向，所以它不起作用