首页 > Web开发 > 详细

HTML文本竖直方向/纵向显示

时间:2015-01-22 17:07:12      阅读:382      评论:0      收藏:0      [点我收藏+]

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

HTML文本竖直方向/纵向显示

原文:http://www.cnblogs.com/emanlee/p/4241797.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!