2010-04-01 155 views

回答

29

試試這個

.cssClassName { direction:rtl; unicode-bidi:bidi-override; } 

編輯: 將此類的段落標記,你應該把你希望的結果。

5

那不是從右到左,多數民衆贊成鏡像CSS代碼。

CSS:

direction: rtl; 
unicode-bidi:bidi-override; 
+0

您不必使用Javascript。有CSS屬性方向:rtl。 – 2010-04-01 14:18:20

+0

你是對的,但方向本身並沒有做到這一點,更新了我的答案。 – Fabian 2010-04-01 14:19:24

7

是的,有:

.reversed { 
    direction: rtl; unicode-bidi: bidi-override; 
} 
2

您可以使用CSS filter filp(僅支持IE)

<div style="width: 300; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: FlipH">CSS Tutorials</div> 
2

@維克多jalencas給出了答案。

在這裏有人開始討論的另一件事是翻轉,它是用Unicode翻轉等價物替換普通文本完成的。

例子可以在這裏找到:http://www.revfad.com/flip.html

+0

這是錯誤的鏡像軸。 – 2010-04-01 14:22:54

2

試試這個,IE瀏覽器似乎有一點的硬實時渲染字體順利,但它的工作原理是在所有瀏覽器魅力。我已經在Win 7上測試過IE 7-9,Ff,Chrome和Safari瀏覽器

.flipText { 
display: block; 
-moz-transform: scaleX(-1); /* Gecko */ 
    -o-transform: scaleX(-1); /* Opera */ 
    -webkit-transform: scaleX(-1); /* webkit */ 
    transform: scaleX(-1); /* standard */ 
    filter: FlipH; /* IE 6/7/8 */ 
-ms-filter: "FlipH"; 
} 
+0

你還應該記得爲包含文本的元素添加一個bg顏色 - 對於IE的好處當然。否則,你可能會在所有IE中呈現非常鋸齒的字體。 – 2012-10-22 19:11:02