Html 如何从左到右设置flex column Child？

我想在flex列布局中从左到右设置flex项

我现在有什么

所需布局

我的代码：

display:flex;
flex-direction: column;
align-items:flex-end;
justify-content: flex-start;
align-content: flex-end;
flex-wrap: wrap;

---

在css中添加此代码，您可以在其中定义

display:flex

例如：

.flex{
显示器：flex；
弯曲方向：行反向；
}
.flex div{
高度：100px；
宽度：100px；
背景色：红色；
利润率：20px
}

方框-1
方框-2
方框-3
方框-4

您可以尝试

方向：列反转

。您可以阅读有关它的更多信息

使用

柔性包裹：包裹反转


.flex容器{
显示器：flex；
弯曲方向：立柱；
柔性包装：反向包装；
调整内容：灵活启动；
调整内容：灵活启动；
高度：400px；
}
.弹性项目{
宽度：50px；
高度：50px；
背景色：红色；
保证金：5px；
}

如果没有您的任何代码，我们几乎无法为您提供帮助。请添加与您的问题相关的HTML和CSS。解决方案是正确的，我认为flex容器的这3个属性应该足以实现此处所需的功能。显示器：flex；弯曲方向：立柱；柔性包装：反向包装；试过这些，但对我不起作用！