Question

我需要将文字旋转90度。我已经遵循了几个方面，包括stackoverflow，但无法反转文本。

我的css是：

.semiInverted {
    -moz-transform: rotate(90deg);
}

的jsfiddle：http://jsfiddle.net/AE2z2/

有人能帮助我吗？

Answer 1

元素应该是块元素，否则不能旋转。此外，<text>不是有效的HTML标记;请改用<span>或<div>。最后，您不仅应该使用Mozilla特定的CSS属性（-moz-…）。正确的CSS将是：

.semiInverted {
    display: inline-block;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

<强> JSFiddle

Answer 2

text不是有效的HTML代码。将text标记切换为span，它应该有效。

CSS

.semiInverted {
    display: inline-block;
    transform-origin: bottom left;
    -moz-transform: rotate(90deg);
    transform:  rotate(90deg);
}

<强> HTML

Inverted Text:<span class="semiInverted">&nbsp;&#8250;</span><br>
Normal Text:<span>&nbsp;&#8250;</span>

Answer 3

您正在使用该版本的实验性Firefox版本。摆脱-moz-
您正在尝试设置HTML中不存在的<text>元素。请改用div或其他transformable element。

可转换元素是以下类别之一的元素：


一个   元素的布局由CSS盒子模型控制   块级或原子内联级元素，或其显示   property计算到table-row，table-row-group，table-header-group，   table-footer-group，table-cell或table-caption

中的一个元素   SVG命名空间并不受具有的CSS框模型的约束   attributes transform，'patternTransform'或gradientTransform。

Answer 4

如果你使用普通的HTML和CSS（我用段落试过），工作正常 http://jsbin.com/AJosAfan/1/watch?html,css,output

Answer 5

尝试这样的事情，FIDDLE

.semiInverted {
    -moz-transform: rotate(90deg);
     display:block;
     float:left;
}

Answer 6

我认为你想做的只是让元素成为内联块

http://jsfiddle.net/AE2z2/29/

.semiInverted {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    display:inline-block;
}

Answer 7

HTML

 <div >
        Inverted Text: <span class="semiInverted" >  &nbsp;&#8250;  </span>
     <br>
    Normal Text:<text>&nbsp;&#8250;</text>
         </div>

<强> CSS

 .semiInverted {
      -webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg); 
-o-transform:rotate(-90deg); 
transform:rotate(-180deg);
ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    display:inline-block;
    }

<强>小提琴 http://jsfiddle.net/AE2z2/74/

反转不在css中工作的文本

7 个答案: