Html 灵活的项目，如金字塔

我想知道是否有任何方法可以从后面对齐元素。我知道

wrap reverse

reverse从后面对齐元素，但它也反转元素的顺序。是否可以从末端开始包装，并保持顺序不变

使用以下css代码：

div{flex-direction:row-reverse;}

---

弹性方向可能是列反转，这取决于您的布局

在我看来，这个问题不应该通过

CSS解决，而应该通过应用程序逻辑解决，因为它归结为一个反转的查询（元素顺序）。一旦你按相反的顺序得到它们，你就可以简单地走了

flex-flow: row-reverse wrap-reverse;

。。。在右下角对齐。然而，尽管有点麻烦，
CSS
现在可以颠倒堆栈的顺序，但据我所知，它需要一行/位置。下面是一个例子：


div{
显示器：flex；
柔性流程：行反向包裹反向；
证明内容：中心；
最小高度：100vh；
调整内容：灵活启动；
}
跨度{
文本对齐：居中；
填充：1rem；
保证金：1rem；
边框：1px实心#aaa；
最大宽度：calc（33.3333%-2rem）；
最小宽度：calc（33.3333%-2rem）；
}
span:n子（1）{顺序：5}
span:n子（2）{序：4}
span:n子（3）{顺序：3}
span:n子（4）{序：2}
span:n子（5）{序：1}
正文{页边距：0；}
*{框大小：边框框；}

1.
2.
3.
4.
5.
可能是关于缺少一个浮动，请根据感谢您的回复编辑并格式化您的问题。不过，这无助于订购。上图中321改为312。谢谢你的回答。我确实想过，但这只是一个漫长的过程。我希望得到一个小的回答。