CSS样式表高手进来~

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

2、word-break:break-all;
设置对象内的文本换行行为，也是ie专有属性，ie5+下的文字超过宽度都强制换行。break-all，是断开单词。在单词到边界时，下个字母自动到下一行。
<div style="word-break:break-all; width:50px;">
一二三四五六七八九〇
here is some text
propertiespropertiespropertiespropertiespropertiesproper
</div>

3、word-wrap:break-word;
也是强制换行，同样ie私有属性。不仅可以把超级长的英文单词截断，还可以根据空格区分英文单词，如果英文单词长度没有超过容器宽度，不被截段。在强制换行的基础上，尽可能的保证单词不被截断。
<div style="word-wrap:break-word; width:50px;">
一二三四五六七八九〇
here is some text
propertiespropertiespropertiespropertiespropertiesproper
</div>

当然想要换行，写成word-wrap:break-word; width:50px;overflow:auto;或者word-wrap:break-word; width:50