文本：从右到左 (CSS)答案

【问题标题】：Text: right to left (CSS)文本：从右到左 (CSS)
【发布时间】：2011-02-03 09:28:54
【问题描述】：

是否有 CSS 代码可以更改此文本

This is it

到这个

ti si sihT

【问题讨论】：

标签： css right-to-left

【解决方案1】：

试试这个

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

编辑：将此类应用于段落标签，您应该会得到您正在寻找的结果。

【讨论】：

【解决方案2】：

是的，有：

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

【讨论】：

【解决方案3】：

这不是从右到左，那是镜像。

CSS：

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

【讨论】：

您不必使用 Javascript。有CSS属性direction：rtl。
你是对的，但方向本身并不能解决问题，更新了我的答案。

【解决方案4】：

@victor-jalencas 给出了答案。

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

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

【讨论】：

【解决方案5】：

您可以使用CSS filter filp（仅IE支持）

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

【讨论】：

【解决方案6】：

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

【讨论】：

您还应该记住为包含文本的元素添加 bg 颜色 - 当然是为了 IE 的好处。否则，您可能会在所有 IE 中呈现非常锯齿状的字体。