html – 以垂直顺序显示一些文本

html – 以垂直顺序显示一些文本,第1张

概述我正在使用 HTML5并希望以垂直格式显示字符串: 例如:WELCOME可以显示为: w ^ Ë 大号 C Ø 中号 Ë 有可能实现吗?如果是,我该怎么做? 注意:在示例中,有两个换行符.请避免一次换行. 您可以使用旋转文本.但对于你的情况,这可能会更好: http://www.youtube.com/watch?v=DcqmT8D_kzA#t=235 .rotate { -webkit-tr 我正在使用 HTML5并希望以垂直格式显示字符串:
例如:WELCOME可以显示为:

w ^

Ë

大号

C

Ø

中号

Ë

有可能实现吗?如果是,我该怎么做?
注意:在示例中,有两个换行符.请避免一次换行.

解决方法 您可以使用旋转文本.但对于你的情况,这可能会更好: http://www.youtube.com/watch?v=DcqmT8D_kzA#t=235

.rotate {  -webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  transform: rotate(-90deg);  /* also accepts left,right,top,bottom coordinates; not required,but a good IDea for styling */  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  -o-transform-origin: 50% 50%;  transform-origin: 50% 50%;  /* Should be unset in IE9+ I think. */  filter: progID:DXImagetransform.Microsoft.BasicImage(rotation=3);}

例子:http://jsfiddle.net/cbDEK/

总结

以上是内存溢出为你收集整理的html – 以垂直顺序显示一些文本全部内容,希望文章能够帮你解决html – 以垂直顺序显示一些文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1068020.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存