如何动态添加标签索引

Question

我需要在屏幕的右侧放置动态框，并从右到左开始放置。

示例5框：box1，box2，box3，box4，box5并显示如下image1

如果一行中没有足够的空间容纳所有盒子，图像将如下所示。Image 2

有什么方法可以从上到下并从右到右添加tabindex？

我已经尝试过boxed的tabindexing降序及其在第一种情况下的工作，但是在第二种情况下，这种顺序是这样的：Box5，Box4，Box3，Box2，Box1。

我正在寻找此订单Box3，Box2，Box1，Box5，Box4

示例图像1：从Box5，Box4，Box3，Box2，Box1开始的tabindex

示例2：Box3，Box2，Box1，Box5，Box4

感谢任何帮助。

Answer 1

您尝试过Flexbox吗？

.boxes {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}

<div class="boxes">
<div>Box1</div>
<div>Box2</div>
<div>Box3</div>
<div>Box4</div>
<div>Box5</div>
</div>