Html 强制flexbox列在“flex方向：列”容器上相等

如何在

flex-direction:column

容器上强制Flexbox列的宽度相等（所有列的最大值）？我不想使用

flex basis

，

width

属性来明确设置宽度

JSFiddle：

.row{
显示器：flex；
弯曲方向：立柱；
调整项目：灵活启动；
}
.栏目{
边框：1px红色虚线；
}

小内容
中等含量中等含量
大内容大内容大内容

只需删除对齐项：flex start

如果希望所有列都与最大列一样宽，可以使容器

inline flex

并删除对齐项：

.row{
显示：内联flex；
弯曲方向：立柱；
}
.栏目{
边框：1px红色虚线；
}

小内容
中等含量中等含量
大内容大内容大内容

这将导致列覆盖容器的整个宽度。。我只希望列的宽度与任何列的最大宽度相等。您并不真正需要flexbox、内联块或显示：容器上的表将完成这项工作。

display:inline块

无法实现列的最大宽度与列的相等宽度，对吗？不确定

显示：table

，没有使用过它。在接受的答案中，用inline块或table替换inline flex，您将得到相同的结果