css3中的writing-mode学习记录

css3中的writing-mode学习记录

浏览网页时发现看到css3中的writing-mode。以前从来没有用过。所以在此记录一下，供以后参考。

五个可选值：

writing-mode: horizontal-tb; 
writing-mode: vertical-rl; 
writing-mode: vertical-lr; 
writing-mode: sideways-rl; 
writing-mode: sideways-lr;

值

horizontal-tb

内容从左到右水平地从顶部到底部垂直地流动。下一个水平线位于上一行的下面。

vertical-rl

内容从顶部到底部垂直地，从右到左水平地流动。下一个垂直线位于上一行的左侧。

vertical-lr

内容从顶部到底部垂直地，从左到右水平地流动。下一条垂直线位于上一行的右侧。

sideways-rl

内容从顶部到底部垂直流动，并且所有字形（即使是垂直脚本中的字形）都向右侧设置。

sideways-lr

内容从顶部到底部垂直地流动，并且所有字形（即使是垂直脚本中的字形）都向左侧设置。

例