HTML - 如何在不重复代码或 JS 的情况下处理阿拉伯语文本倒置
HTML - How to handle arabic text inversion without duplicating code nor JS
我想实现以下目标:
如果不是阿拉伯语
+--------------------------------------+
| Price 500 |
+---------------------------------------
如果是阿拉伯语
+--------------------------------------+
| 500 Price |
+---------------------------------------
目前“500”在 div 中,"Price" 在 div 中。
- 如果不是阿拉伯语,我先创建 "Price" div(左对齐),然后创建“500”div(右对齐)。
- 如果是阿拉伯语,我先创建“500”div(左对齐),然后创建 "Price" div(右对齐)。
总之,我要么必须复制代码(以处理每个 div 可以在左侧或右侧的事实),要么用 JS 动态创建它(meh)。我想要一个更简单的解决方案,因为如果我有比 "Price" 更多的属性,代码将非常复杂。
对于阿拉伯语,您需要将样式方向更改为 rtl。
看这个例子:
<table style="direction: ltr">
<tr>
<td>Price</td>
<td>500</td>
</tr>
</table>
我想实现以下目标:
如果不是阿拉伯语
+--------------------------------------+
| Price 500 |
+---------------------------------------
如果是阿拉伯语
+--------------------------------------+
| 500 Price |
+---------------------------------------
目前“500”在 div 中,"Price" 在 div 中。
- 如果不是阿拉伯语,我先创建 "Price" div(左对齐),然后创建“500”div(右对齐)。
- 如果是阿拉伯语,我先创建“500”div(左对齐),然后创建 "Price" div(右对齐)。
总之,我要么必须复制代码(以处理每个 div 可以在左侧或右侧的事实),要么用 JS 动态创建它(meh)。我想要一个更简单的解决方案,因为如果我有比 "Price" 更多的属性,代码将非常复杂。
对于阿拉伯语,您需要将样式方向更改为 rtl。 看这个例子:
<table style="direction: ltr">
<tr>
<td>Price</td>
<td>500</td>
</tr>
</table>