HTML - 如何在不重复代码或 JS 的情况下处理阿拉伯语文本倒置

HTML - How to handle arabic text inversion without duplicating code nor JS

我想实现以下目标:

如果不是阿拉伯语

+--------------------------------------+
| Price                            500 |
+---------------------------------------

如果是阿拉伯语

+--------------------------------------+
| 500                            Price |
+---------------------------------------

目前“500”在 div 中,"Price" 在 div 中。

总之,我要么必须复制代码(以处理每个 div 可以在左侧或右侧的事实),要么用 JS 动态创建它(meh)。我想要一个更简单的解决方案,因为如果我有比 "Price" 更多的属性,代码将非常复杂。

对于阿拉伯语,您需要将样式方向更改为 rtl。 看这个例子:

 <table style="direction: ltr">
      <tr>
        <td>Price</td>
        <td>500</td>
    </tr>
  </table>