html - 反转文本在 css 中不起作用

Question

我需要将文本旋转 90 度。我已经关注了几件事，包括 stackoverflow，但无法反转文本。

我的 CSS 是:

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

JsFiddle:http://jsfiddle.net/AE2z2/

谁能帮帮我？

Answer 1

元素应该是 block 元素，否则无法旋转。此外<text>不是有效的 HTML 标记；使用 <span>或 <div>反而。最后，您不应该只使用 Mozilla 特定的 CSS 属性(-moz-…)。正确的 CSS 应该是:

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

JSFiddle