文字:从右到左(CSS)

时间:2010-04-01 14:13:29

标签: css right-to-left

是否有更改此文字的CSS代码

This is it

到这个

ti si sihT

6 个答案:

答案 0 :(得分:29)

试试这个

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

编辑: 将此类应用于段落标记,您应该得到您想要的结果。

答案 1 :(得分:7)

是的,有:

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

答案 2 :(得分:6)

这是不对的,那就是镜像。

CSS:

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

答案 3 :(得分:3)

@ victor-jalencas给出了答案。

这里的一些人开始讨论的另一件事是翻转,它是用Unicode翻转等效替换普通文本完成的。

示例可在此处找到:http://www.revfad.com/flip.html

答案 4 :(得分: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>

答案 5 :(得分: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";
}