[分享]css3文字竖向排列

CSS3提供了许多新特性，使得我们可以更加灵活地控制我们的网页。其中一个特性就是文字竖向排列。 writingmode: verticallr; / 从上到下，从左到右 / writingmode: ...

CSS3提供了许多新特性，使得我们可以更加灵活地控制我们的网页。其中一个特性就是文字竖向排列。

 writing-mode: vertical-lr; /* 从上到下，从左到右 */
    writing-mode: vertical-rl; /* 从上到下，从右到左 */
    text-orientation: upright; /* 文字正立 */
    text-orientation: sideways; /* 文字侧向 */
    text-orientation: sideways-left; /* 文字左侧向 */ 

通过这些属性，我们可以将文字按照不同的方向垂直排列，或者在垂直排列时改变其朝向。

需要注意的是，这些特性并不是所有浏览器都支持的，建议在使用时先进行兼容性测试。