摘要:基本上,大家只要關心下面這兩個屬性值就好了默認值標點符號也是反的,適用于阿拉伯文字和古漢語等其中,是初始值,表示,就是從左往右的意思,則是另外一個值,縮寫,就是從右往左的意思。
direction介紹 屬性值和兼容都很好
CSSdirection屬性簡單好記,屬性值少,兼容性好,關鍵時候省心省力,是時候給大家宣傳宣傳,不要埋沒了人家的特殊技能。
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|
2.0+ | 1.3+ | Any | 9.2+ | 5.5+ | Any | 3.1+ |
---|
從表中可以看出android和ios的很早版本就在支持direction屬性了。基本上,大家只要關心下面這兩個屬性值就好了:
direction: ltr; // 默認值
direction: rtl;//標點符號也是反的,適用于阿拉伯文字和古漢語等
其中,ltr是初始值,表示left-to-right,就是從左往右的意思,
rtl則是另外一個值,right-to-left縮寫,就是從右往左的意思。
默認時的圖片是從左往右依次排布的;就是direction: ltr; // 默認值
那通過direction: rtl; 就可以改變內聯塊元素的順序:從右向左依次排布:
看吧,很神奇對不對,代碼里并沒有改變書寫順序;只需要加上{text-align:left;direction:rtl;}就讓文檔流的渲染改變了方向;
那什么是“內聯塊元素”呢?包括替換元素(replaced element),如,