HTML vertical text (Safari, Firefox, Chrome, and Opera)
.vText {
-moz-transform: rotate(-90deg) translate(0, 100%);
-moz-transform-origin: 0% 100%;
-o-transform: rotate(-90deg) translate(0, 100%);
-o-transform-origin: 0% 100%;
-webkit-transform: rotate(-90deg) translate(0, 100%);
-webkit-transform-origin: 0% 100%;
transform: rotate(-90deg) translate(0, 100%);
transform-origin: 0% 100%;
}
IE：
.zx {writing-mode:bt-lr; }
在IE和firefox等不同浏览器中的效果不一样，用法也不一样。
Ref
http://brickybox.com/2010/09/15/html-vertical-text-safari-firefox-chrome-and-opera
http://generatedcontent.org/post/45384206019/writing-modes
http://stackoverflow.com/questions/5524799/how-do-you-do-vertical-text-in-firefox
相关文章：
-
2022-12-23
-
2022-12-23
-
2021-09-01
-
2022-12-23
-
2022-02-27
-
2021-11-12
-
2022-12-23
-
2021-12-16