我有一个固定宽度的容器，我想显示一个动态数量的相同大小的项目，应该对齐到容器的右侧。
当项目太多时，它们应该换行成多行。但是，我希望底部的线条完全填充，最上面的线条与剩余的空间。
null
如果可能的话，我如何用CSS规则生成所需的位置？
可以假定HTML是非常基本的：
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<!-- ... -->
<div class="item">N</div>
</div>
注意：所有的项目都有相同的尺寸，我只是没有在图像中准确地绘制它们。
这里的关键是使用flex-wrap:wrap-reverse
下面是codepen的现场演示：https://codepen.io/lefanous/pen/eybwarz
我还将链接到https://css-tricks.com/snippets/css/a-guide-to-flexbox/，这是关于CSS中flex-box的完整指南。
