使用 CSS3 和 HTML5 的垂直文本？

【问题标题】：Vertical text with CSS3 and HTML5?使用 CSS3 和 HTML5 的垂直文本？
【发布时间】：2012-05-30 08:10:06
【问题描述】：

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

我也在考虑使用 SVG。

【问题讨论】：

snook.ca/archives/html_and_css/css-text-rotation

【解决方案1】：

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

【讨论】：

【解决方案2】：

他所说的还包括：

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

有点像重置默认值。我有一个实时链接，如果需要，我可以发送给您。确保您进行了多次测试，如果我没记错的话，它在 IE8 中不起作用。

【讨论】：