CSS Flexbox，内容从右到左，右对齐，底部对齐

尝试在CSS中布局以下分幅，但似乎找不到对齐/对齐的正确组合

以下是我目前得到的信息：

.container{
边框：3倍纯红；
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
对齐项目：柔性端；
证明内容：柔性端；
宽度：100%；
高度：500px；
}
.项目{
边框：3倍纯红；
宽度：150px；
高度：150像素；
}

1.
2.
3.
4.
5.
6.
7.

以下是您需要的：

.container{
边框：3倍纯红；
显示器：flex；
调整内容：灵活启动；
弯曲方向：立柱；
柔性包装：反向包装；
证明内容：柔性端；
宽度：100%；
高度：500px；
}
.项目{
边框：3倍纯红；
宽度：150px；
高度：150像素；
}

1.
2.
3.
4.
5.
6.
7.

.container{
边框：3倍纯红；
显示器：flex；
弯曲方向：立柱；
柔性包装：反向包装；
对齐项目：柔性端；
证明内容：柔性端；
宽度：100%；
高度：500px；
}
.项目{
边框：3倍纯红；
宽度：150px；
高度：150像素；
}

1.
2.
3.
4.
5.
6.
7.

您可以向家长添加一件事：

direction:rtl;

这样就可以了；）