阿拉伯文字导致奇怪的锚行为

Question

我今天遇到了一个奇怪的问题,一个锚点似乎与两个阿拉伯语合并(因为缺少一个更好的词).

谁能解释为什么会这样？

有证据显示在行动这个的jsfiddle 这里.

这是下面的html.

<div>
    <a href="#">???? ????????</a>
    <a href="#">???? ?????????</a>
    <a href="#">© 2012 Hewlett-Packard Development Company, L.R</a>
</div>?

Answer 1

尝试将文本方向设置为从右到左。

\n\n

CSS：

\n\n

.rtl {direction:rtl; }\n

\n\n

HTML：

\n\n

<div class="rtl">\n    <a href="#">\xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xae\xd8\xb5\xd9\x88\xd8\xb5\xd9\x8a\xd8\xa9</a>\n    <a href="#">\xd8\xb4\xd8\xb1\xd9\x88\xd8\xb7 \xd8\xa7\xd9\x84\xd8\xa7\xd8\xb3\xd8\xaa\xd8\xae\xd8\xaf\xd8\xa7\xd9\x85</a>&nbsp;\n    <a href="#">\xc2\xa9 2012 Hewlett-Packard Development Company, L.R</a>\n</div>\n

\n\n

您可能希望将 rtl 放在整个页面的 body 标记上，并为英文部分创建一个从左到右的类。

\n