flexbox - Flex - 行反转和换行但没有空格

Question

我有类似屏幕上的情况，我想反转我的项目，但仍然有下一个项目。我尝试这样的事情：

<div class="right-wrapper">
  <div class="single-item" *ngFor = "let item of items">
    {{item}}
  </div>
</div>

.right-wrapper {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
}

但是元素“5”在第一行，其他元素在第二行。我想要和屏幕一模一样的东西。我想也许我可以使用“订单”，但我的元素是动态迭代的，它可以是不同数量的。

标签： flexbox