HTML中如何让文字竖排

1. 设置CSS样式，writing-mode属性

兼容谷歌、火狐等浏览器（测试以后IE暂不兼容）:

• writing-mode:vertical-rl; //垂直方向，从右到左

• writing-mode:vertical-lr; //垂直方向，从左到右

IE私有属性（其他浏览器不兼容）：

• writing-mode:lr-tb; //默认，从左到右，从上到下。

• writing-mode:tb-rl; //从上到下，从右到左。

• writing-mode:tb-lr; //水平方向，从上到下，从左到右。

代码实例：

    
    
    
        .box1 { writing-mode: vertical-rl; }
        .box2 { writing-mode: vertical-lr; }
        .box3 { writing-mode: lr-tb; }
        .box4 { writing-mode: tb-rl; }
        .box5 { writing-mode: tb-lr; }
    


    提供高品质教育服务让每个人遇到更好的自己