writing-mode与direction的用法、区别

首先，layout-flow:也是控制对象文本内容的流向（但是这个属性可以被writing-mode属性替换）

在css中writing-mode和direction都是用来设置文本的展现方式的，两者有些共同点又有本质的区别。下面先介绍一下两者的用法：

writing-mode

语法：
 
writing-mode : lr-tb | tb-rl 
 
参数：
 
lr-tb : 左-右，上-下
tb-rl : 上-下，右-左
 
说明：
 
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右，上-下的书写方式。但是亚洲语言常有上-下，右-左的书写方式。
当此属性值发生变化时，text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为writingMode。请参阅我编写的其他书目。

direction

语法：
 
direction: ltr | rtl

 参数：
 
ltr : 左-右
rtl : 右-左

说明：
 
direction属性设置了文本的书写方向是从左向右还是从右向做。

通过上面的对比我们可以得出结论，如果仅仅是为了文字的展现方式如从左向右还是从右向左，我们往往使用direction,而为了应对不同的文字的书写习惯，特别是文字从上而写竖排书写时，如我国古代文字的书写方式，我们需要使用writing-mode。

转载于:https://www.cnblogs.com/daxian2012/archive/2012/07/10/2584443.html