2011-12-21 55 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