欢迎访问 如意编程网！
TAG聚合

如意编程网

当前位置： 首页 > 前端技术 > HTML >内容正文

HTML

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

发布时间：2022/11/16 HTML 9 老码农
如意编程网 收集整理的这篇文章主要介绍了 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://***.com/questions/5524799/how-do-you-do-vertical-text-in-firefox

总结

以上是如意编程网为你收集整理的HTML文本/文字竖直方向/纵向显示的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错，欢迎将如意编程网推荐给好友。