html - 如何使用 CSS 生成真正的 rtl 文本

Question

使用 HTML 标记，而不是 CSS，以下代码:

<bdo dir="rtl">Here is some Hebrew text!</bdo>

生成此 rtl 文本:

!txet werbeH emos si ereH

使用 CSS，而不是以下代码:

<p style="color:red; direction:rtl">Here is some Hebrew text!</p>

生成此非 rtl 文本(但它确实右对齐):

!Here is some Hebrew text

我可以使用 CSS 获得与使用 HTML 标记相同的结果吗？

Answer 1

你需要direction: rtl; , text-align: left; , 和 unicode-bidi: bidi-override; .

演示:http://jsfiddle.net/ThinkingStiff/4NtD3/

HTML:

<bdo dir="rtl">Here is some Hebrew text!</bdo>
<p>Here is some Hebrew text!</p>

CSS:

p {
    direction: rtl; 
    text-align: left;
    unicode-bidi: bidi-override;
}

输出: