css文字排列方式

1.direction: rtl/ltr；

2. writing-mode：

lr-tb

IE7+浏览器支持。初始值。内容从左往右( left- right)，从上往下( top- bottom)水平流动，以及下一行水平元素在上一行元素的下面，所有符号都是直立定位。大部分的书写系统都是使用这种布局。 rl-tbIE7+浏览器支持。内容从右往左( right- left，从上往下( top- bottom)水平流动，以及下一行水平元素在上一行元素的下面，所有符号都是直立定位。这种布局适合从右往左书写的语言，例如阿拉伯语，希伯来语，塔安那文，和叙利亚语。 tb-rlIE7+浏览器支持。内容从上往下( top- bottom)，从右往左( right- left)垂直流动， 下一个垂直行定位于前一个垂直行的左边，全角符号直立定位，非全角符号(也可以被称作窄拉丁文或者窄假名符号)顺时针方向旋转90°。这种布局多见于东亚排版。 bt-rlIE7+浏览器支持。内容从下往上( bottom- top)，从右往左( right- left)垂直流动， 下一个垂直行定位于前一个垂直行的左边，全角符号直立定位，非全角符号(也可以被称作窄拉丁文或者窄假名符号)顺时针方向旋转90°。此布局多见于在东亚垂直排版从右往左的文本块上。 tb-lrIE8+浏览器支持。 内容从上往下( top- bottom)，从左往右( left- right)垂直流动。下一个垂直行在前一个的右边。 bt-lrIE8+浏览器支持。 内容从下往上( bottom- top)，从左往右( left- right)垂直流动。 lr-btIE8+浏览器支持。 内容从下往上( bottom- top)，从左往右( left- right)水平流动。下一个水平行在前一行的上面。 rl-btIE8+浏览器支持。内容从下往上( bottom- top)， 从右往左( right- left)水平流动。 lrIE9+浏览器支持。在SVG和HTML元素上使用。等同于 lr-tb. rlIE9+浏览器支持。在SVG和HTML元素上使用。等同于 rl-tb. tbIE9+浏览器支持。在SVG和HTML元素上使用。等同于 tb-rl.

各个属性值的表现如下（form微软官网）