古代书写方式都是垂直方向上的,如果要实现这种效果的话,还是挺麻烦的,不过现在CSS3有一个"writing-mode"属性,它可以改变文字的书写方式。

writing-mode:horizontal-tb | vertical-rl | vertical-lr

horizontal-tb:

writing-mode改变文字书写方式_竖排

vertical-lr:

writing-mode改变文字书写方式_竖排_02

vertical-rl:

writing-mode改变文字书写方式_writing-mode_03

有了这个属性,以后实现竖排效果就很方便了。