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

我正在使用 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/

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些