html - 双向文本和数字

Question

我有一个以两种语言显示的网站 - 英语和波斯语。列表项的标题可以同时使用两种语言。一切正常，直到这里只有文本，它会在 css 中使用 direction:rtl 呈现 ok。

但要注意的是，我还可以在标题内或标题末尾添加一个数字(波斯语的书写和阅读方式与英语相同 - 从左到右)。这最终会出现问题，因为无论我将该数字放在哪里，它都会弄乱标题中的单词顺序(该数字是标题末尾的广告 ID)。

为了解决这个问题，我在 id 前面使用了 &rlm 和 &lrm - 但问题是我必须根据选择的语言切换这两者。

我正确的 html 是这样的(‏ 是修复波斯语 ID 号问题的方法):

<h3>
   The name of my خدمات باشد is long
   <span style="color:#999;">&rlm;#89798798</span>
</h3> 

JS fiddle :http://jsfiddle.net/WzF2D/

我尝试在环绕 ID 的跨度上设置 direction:ltr 但它仍然不起作用。我还尝试在 h3 上使用 unicode-bidi:embed 但还是不行。

如何通过仅使用 css 而不必依赖 ‏ 来解决这个问题？

Answer 1

我假设所需的渲染使用整体从右到左的书写，即使文本(至少在示例中)主要是英语，句子中有一些阿拉伯字母的单词。此外，我假设像“#89798798”这样的表达式将被视为单独的片段，因此当它出现在英文单词之后时，它不会被视为英文文本的一部分，而是在 RTL 布局中设置在它的左侧。

在这些(相当惊人的)前提下，CSS 解决方案是使这样的片段成为双向隔离:

<span style="color:#999; unicode-bidi: embed">#89798798</span>