方向在属性值和兼容性特殊技能上非常好。ChromeSafariFirefoxOperaIEAndroidiOS2.0+1.3+Any9.2+5.5+Any3.1+从表中可以看出android和ios很早的版本都支持方向属性。基本上你只需要关心下面两个属性值:direction:ltr;//默认值direction:rtl;//标点符号也是倒转的,适用于阿拉伯文字和古汉语等。其中ltr为初始值,表示left-to-right,表示从左到右,rtl是另外一个值,right-to-left的缩写,意思是从右到左。默认情况下,图片是从左到右排列的;那就是方向:ltr;//默认值
通过方向:rtl;您可以更改内联块元素的顺序:从右到左排列:
看,这很神奇,对吧?,代码不改变书写顺序;只需添加{text-align:left;direction:rtl;}即可更改文档流的呈现方向;direction只能改变行内块元素的排列顺序,对于行内元素和text-align是一样的,那么什么是“行内块元素”呢?包括替换元素,如
、