从右到左支持百分号

Question

假设有一段代码如下：

<div dir="rtl">
  test 50%
</div>

它呈现为test 50%. 但根据这个阿拉伯语维基页面，%50 test它应该显示为. 请注意，百分号位于数字之前。问题如下：如何强制执行所需的行为？浏览器支持 OOB 吗？有已知的方法可以轻松做到这一点吗？

联合发展署。我将提供更多背景信息。有一个带有输入文本属性的角度分量。假设它可能如下所示：

<component [label]="'test 50%'"></component>

那么它的模板如下所示：

<span>{{label}}</span>

它适用于从左到右的模式。但是，当启用从右到左模式时，文本会向右对齐，但浏览器不会修改文本。我之所以认为可能会被浏览器自动修改，是因为下面的文字test this!被修改为：!test this自动被浏览器修改。

我是否需要修改组件以便它接受已经 RTL 修改的文本？

Answer 1

全局dir属性是一个枚举属性，指示元素文本的方向性。

这意味着它将改变文本呈现的方向，但不会改变句子构造的顺序，除非它位于句子的开头/结尾。

您可能会注意到，在上图中，?第一句话实际上已移至左侧。那是因为它是比迪烟的中性特征。?然而，对于单词内部lef?t或句子的任何其他部分，不存在相同的含义。