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;。

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;
}

输出：

enter image description here

Answer 2

刚设置，

<html dir="rtl">

文字和方向都有效。