显示阿拉伯文本

Question

我想用阿拉伯语显示25%*，它应该是这样的：*%25

我尝试使用direction:rtf来显示它，但是，当您向其附加一些阿拉伯文本时，它似乎只能正确显示。运行下面的代码片段来看看我的意思：

var arabicword = "???";
var percent = "25%*";

document.getElementById('text2').innerHTML = arabicword+" "+percent;
document.getElementById('text1').innerHTML = percent;

.text {
  font-size:3em;
  width:300px;
  color:white;
  background: grey;
}

.arabic{
  background:green;
  direction:rtl;
}

<div id="text1" class="text arabic">0</div>
<br>
<div id="text2" class="text arabic">0</div>

有没有可靠的方法来实现这一目标？我试图添加一个阿拉伯空白字符，但似乎没有

提前致谢

Answer 1

好吧，我可以通过在数字和百分号之间添加空格来实现这一点。不确定这是最好的方法，但它可靠。

\n\n

\r\n

\r\n

var arabicword = "\xd8\xa5\xd9\x84\xd9\x89";\r\nvar percent = "25 %*";\r\n\r\ndocument.getElementById(\'text2\').innerHTML = arabicword+" "+percent;\r\ndocument.getElementById(\'text1\').innerHTML = percent;

\r\n

.text {\r\n  font-size:3em;\r\n  width:300px;\r\n  color:white;\r\n  background: grey;\r\n}\r\n\r\n.arabic{\r\n  background:green;\r\n  direction:rtl;\r\n}

\r\n

<div id="text1" class="text arabic">0</div>\r\n<br>\r\n<div id="text2" class="text arabic">0</div>

\r\n

\r\n

\r\n

\n