HTML文本竖直方向/纵向显示
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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。