html - HTML 中从右到左的数字

Question

我需要在 HTML 中格式化两个数字。有时它们嵌入从左到右的文本中，有时嵌入从右到左的文本中。

在从左到右的模式下，我希望数字显示为 12³⁴，在从右到左的模式下，我希望数字显示为 ³⁴12。

我试试这个 HTML 代码:

<p style="direction: rtl;">12&#x200b;<sup>34</sup></p>
<p style="direction: ltr;">12&#x200b;<sup>34</sup></p>

(​ 是一个零宽度的空间。)

在 Internet Explorer 9 中，这正是我想要的；但在 Firefox 19 和 Chrome 24 中，我在这两种情况下都得到 12³⁴(尽管浏览器正确地将文本对齐到右侧)。

哪些浏览器可以正常工作？如何在所有浏览器中实现 Internet Explorer 行为？

Answer 1

看来IE在这里是错误的，因为U+200B ZERO WIDTH SPACE有Bidi Class BN (Boundary Neutral)，也就是说，通过Unicode bidi algorithm , 它应该在算法中被忽略。并且一串普通数字从左到右呈现。

使用 U+200A HAIR SPACE 来解决这个问题(它的 Bidi Class 是 WS，Whitespace)，尽管它具有创建一点额外空间的效果，并且一些非常老的浏览器(如 IE 6)可能会将其显示为一个框。使用它，你会写

<p style="direction: rtl;">12&#x200a;<sup>34</sup></p>    
<p style="direction: ltr;">12&#x200a;<sup>34</sup></p>