如何使用 js/css 反转文本？ [复制]答案

【问题标题】：How to reverse the text with js/css? [duplicate]如何使用 js/css 反转文本？ [复制]
【发布时间】：2011-03-17 21:34:41
【问题描述】：

可能重复：
How does uʍop-ǝpısdn text work?

如何让文字上下颠倒，同时保持左右顺序？

【问题讨论】：

【解决方案1】：

火狐/Webkit：

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);

IE：

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

【讨论】：

【解决方案2】：

或者，如果您想要一个适用于大多数地方的解决方案：

  .verticalText
  {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    writing-mode: tb-rl;
    filter: flipv fliph;
  }

由于旋转文本的奇怪结果，我最终使用 HTML5 画布在非 IE 浏览器中绘制垂直文本。

编辑：不知何故，我只设法复制了部分代码。添加其余部分。

【讨论】：