javascript - 有没有办法让div从右到左呈现HTML

Question

我有一个元素(日历)，我想将其转换为阿拉伯语。我不知道 render 是否正确，但我只想从右到左显示 div。

我有一个带有列(divs)的行(divs)。div 不是文本

像这样

div1 div2 div3
div4 div5 div6
div7 div8 div9

到

div3 div2 div1
div6 div5 div4
div9 div8 div7

我的元素是响应式的，因此手动将其向后放置是行不通的。

这就是我所说的较小分辨率。

div2 div1
div4 div3
div6 div5
div8 div7
div9

任何解决方案..脏的或干净的，黑客与否将不胜感激。提前致谢。 :)

Answer 1

在 div 上使用 float: right。这将从右到左呈现 div。

Demo

#container div {
  float: right;
  width: 100px;
  background: yellow;
  margin: 10px;
}

<div id="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
  <div>10</div>
</div>