使用CSS3和HTML5实现竖排文字？

Question

使用静态网页，有没有办法将文本旋转90度？如果有，这种方法是否存在任何可能的陷阱？

我也在考虑使用SVG。

- Usagi

---

http://snook.ca/archives/html_and_css/css-text-rotation - Sully

Answer 1

p{
    transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
}

- user1263800

Answer 2

他说的内容还包括：

-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;

有点像重置默认值。 如果需要，我可以发送给你一个实时链接。 请确保进行多次测试，如果我记得正确的话，它在IE8中无法正常工作。

- dubrod