css direction属性简单好记，属性值少，兼容性好，关键时候省心省力，是时候给大家宣传宣传，不要埋没了人家的特殊技能。
语法：
direction : ltr | rtl | inherit
参数：
ltr : 文本流从左到右
rtl : 文本流从右到左
inherit : 文本流的值不可继承
说明：
用于设置文本流的方向。
假如您想应用direction属性于内联文本，您必须设定unicode-bidi属性为embed或bidi-override。
对应的脚本特性为direction。请参阅我编写的其他书目。
示例：
div { direction: rtl; unicode-bidi: bidi-override; }基本上，大家只要关心下面这两个属性值就好了：
direction: ltr; // 默认值direction: rtl;
其中，ltr是初始值，表示left-to-right，就是从左往右的意思，再具体描述下，就是内联内容是从左往右依次排布的，我们平时网页的处理都是这样的，比方说前后两个图片，默认情况下，DOM在前的就显示在左边。
立即学习“前端免费学习笔记（深入）”；
rtl则是另外一个值，right-to-left缩写，就是从右往左的意思，再具体描述下，就是内联内容是从右往左依次排布的，加入应用了这个CSS声明，则前后两个图片，默认情况下，DOM在前的就显示在右侧；而且是在容器的右端。
例如mm1是张含韵，DOM结构如下：
功能介绍：1.程序独立使用的MVC模式开发，程序代码与模板分离，会HTML就会做程序模板2.使用sqlite数据库，mysql数据库随便换，让您不再为购买数据库而烦恼3.增加首页数据自定义功能，导航数据自定义，快速打造属于您自己的网站4.seo伪静态设置更智能化，自定义seo规则，让蜘蛛更喜欢您的网站5.屏蔽ip访问功能5.支持一键采集功能，只要轻轻一点，上万淘宝b2c商品轻松入库，解决数据添加的
@@##@@ @@##@@
结果，张妹子跑到了最右边，而不是左边，同时，貌似右对齐容器了，如下截图：
改变的只是内联元素块的左右顺序
需要注意的是，当direction属性的值是rtl的时候，我们的文字的前后顺序是不变了，例如：
span1 span2
结果，还是span1在左边，span2在右边：
因为改变的只是内联元素块的左右顺序，所有的文字，即使使用内联标签分隔，实际上，还是一个同质内联盒子，是当作一个整体处理的，因此，只有近似右对齐效果，而具体每个文字都没有左右顺序的变化。
