第二张图是正确的竖向排列
第一张图数字是顺时针旋转了90°汉字是竖向排列的
方法一图片去做
方法二用用css3把数字旋转transform：rotate（90deg），汉字竖向排，你是限制宽度还是用其他方法都可以。
备注（我没试过，但是应该还会有其他问题，本人觉得这种动态文字排版不合理）
假设每个标签的单位是li标签，li要设置overflow:hidden，并且li要有一个的高度。li下边要添加一个div，给他个class叫child。给他个属性transtion: transform 2s(多少s是希望多少秒完成动画)
child里面再画两个div，这两个div高度等于li的高度。这时候你只能看到一个div，因为下边的超出隐藏了。
li:hover child {
trasfrom: tranlateY(这里写一个li的高度，看情况是正直值还是负值。应该是正数)
}
.tabcons_li q {
color: #cbcbcb
/*margin: 60px 5px*/
font: 30px "Leelawadee"
font-style: italic
position: relative
line-height: 3em
margin-bottom: 0
display: block
float: right
width: 1em
}
