HTMLverticaltext(Safari,Firefox,Chrome,andOpera).vText{-moz-transform:rotate(-90deg)translate(0,100%);-moz-transform-origin:0%100%;-o-transform:rotate(-90deg)translate(0,1

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等不同浏览器中的效果不一样,用法也不一样。Refhttp://brickybox.com/2010/09/15/html-vertical-text-safari-firefox-chrome-and-operahttp://generatedcontent.org/post/45384206019/writing-modeshttp://***.com/questions/5524799/how-do-you-do-vertical-text-in-firefox
转载请说明出处
知优网 » HTML文本/文字竖直方向/纵向显示(html文字横向显示)

发表评论

您需要后才能发表评论