详解layout-flow属性用法

layout-flow : horizontal | vertical-ideographic

参数：
horizontal : 　对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic : 　对象中的内容自上而下流入，下一行在前一行左面。这个值适于亚洲语系
说明：
设置或检索对象内文本的流动和方向。
当此属性值发生变化时，text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为layoutFlow。请参阅我编写的其他书目。

当此属性值发生变化时，text-align 属性与pvertical-align属性的作用也将发生变化。
对于下列元素来说，样式表属性不可继承：

此属性效果不会被累积作用。例如，假如父对象的此属性值设为 tb-rl ，子对象的此属性值设为 tb-rl 不会导致子对象的旋转。
假如对象的writing-mode属性设置和它的父对象不一样则其将获得自己的布局。那样一个对象的宽度是通过使用它第一个有布局的父对象的高度而确定的。
当你使用具有不同pwriting-modep属性值的对象时，给每一个对象指定确定的尺寸能够让你更好的整体控制它们的布局。
此属性对于pcurrentStyle对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为

layout-flow:vertical-ideographic;
意思就是像古文一样排列文字，比如“一二三四五六七八九〇”，普通是从左到右的顺序。而使用这句后，就是：从右到左的一列一列的 文字竖排。
<div style="layout-flow:vertical-ideographic;width:12px;">
一二三四五六七八九〇，试试这段代码就知道意思了。不过不推荐使用，因为这是ie专有属性，不兼容Firefox等，不推荐使用。