2011-12-21 51 views
2

真正的RTL文本使用HTML标记,而不是CSS,下面的代码:如何产生与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标记也做了同样的结果?

+1

CSS不是为此设计的。你想达到什么目的?你想解决什么问题? – SLaks 2011-12-21 22:13:06

+0

“方向”属性不是用于反转文本,而是用于启用一些东方语言。 – Yogu 2011-12-21 22:29:13

回答

3

您需要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; 
} 

输出:

enter image description here

+0

感谢大家;我没有试图做任何事情,只是尝试HTML和CSS。我很确定CSS的RTL不是我称之为真正的RTL,我只是想知道,ThinkStiff向我展示了如何。 – user1110666 2012-01-07 22:14:19

0

刚刚成立,

<html dir="rtl"> 

和文字方向会工作。

+0

再次阅读问题。 – BoltClock 2012-01-23 13:15:22

+0

http://www.w3.org/International/questions/qa-bidi-css-markup – 2012-01-25 12:35:32