从右到左（CSS）

Question

有没有一种CSS代码可以更改这段文字？

This is it

变成这个

ti si sihT

- ilhan

Answer 1

试试这个

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

编辑： 将此类应用于段落标记，您应该可以获得所需的结果。

- Robin

Answer 2

是的，有：

是的，有：

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

- Victor Jalencas

Answer 3

这不是从右到左的排版，而是镜像效果。

CSS：

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

- Fabian

---

你不必使用Javascript。有CSS属性direction:rtl。 - Ondrej Slinták

你说得对，但仅仅改变方向还不够，我已经更新了我的答案。 - Fabian

Answer 4

@victor-jalencas给出了答案。

这里有一些人开始谈论的另一件事是翻转，它通过用Unicode翻转等效物替换正常文本来完成。

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

- Ivo Sabev

Answer 5

尝试这个方法，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";
}

- Stephen Nielsen

---

你还应该记得为包含文本的元素添加背景颜色 - 当然是为了IE的好处。否则，所有IE中呈现的字体都可能非常崎岖。 - Stephen Nielsen

Answer 6

您可以使用CSS过滤器filp（仅在IE中支持）

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

- Brian R. Bondy