0
点赞
收藏
分享

微信扫一扫

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

千行 2023-11-06 阅读 16

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



举报

相关推荐

0 条评论