html中默认的文字排列是横排,但在某些特殊情况下需要竖排文字。单行文字竖排.onecn{width:20px;保证金:0自动;行高:24px;}.oneen{宽度:15px;保证金:0自动;行高:24px;字体大小:20px;word-wrap:break-word;/*在英文中,需要加上这一句,自动换行*/word-break:break-all;}说明:实现单行文字的竖排,只需要设置宽度以适应字体宽度就可以了。多行文字垂直排列。two{margin:0auto;高度:140px;writing-mode:vertical-lr;/*从左到右和从右到左是writing-mode:vertical-rl;*/writing-mode:tb-lr;/*IE浏览器的从左到右和从右到-to-left是writing-mode:tb-rl;*/}注:高度很重要,如果需要控制文字间距和行间距,可以加上属性letter-spacing和line-height。扩展:竖排文字动画显示效果(文字从上到下动画)完结~~~如果有更好的方法欢迎留言讨论,谢谢!!
