成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

direction和writing-mode的介紹

Kosmos / 1794人閱讀

摘要:基本上,大家只要關(guān)心下面這兩個屬性值就好了默認(rèn)值標(biāo)點符號也是反的,適用于阿拉伯文字和古漢語等其中,是初始值,表示,就是從左往右的意思,則是另外一個值,縮寫,就是從右往左的意思。

direction介紹 屬性值和兼容都很好

CSSdirection屬性簡單好記,屬性值少,兼容性好,關(guān)鍵時候省心省力,是時候給大家宣傳宣傳,不要埋沒了人家的特殊技能。

Chrome Safari Firefox Opera IE Android iOS
2.0+ 1.3+ Any 9.2+ 5.5+ Any 3.1+

從表中可以看出android和ios的很早版本就在支持direction屬性了。基本上,大家只要關(guān)心下面這兩個屬性值就好了:

direction: ltr;   // 默認(rèn)值
direction: rtl;//標(biāo)點符號也是反的,適用于阿拉伯文字和古漢語等

其中,ltr是初始值,表示left-to-right,就是從左往右的意思,
rtl則是另外一個值,right-to-left縮寫,就是從右往左的意思。
默認(rèn)時的圖片是從左往右依次排布的;就是direction: ltr; // 默認(rèn)值


那通過direction: rtl; 就可以改變內(nèi)聯(lián)塊元素的順序:從右向左依次排布:


看吧,很神奇對不對,代碼里并沒有改變書寫順序;只需要加上{text-align:left;direction:rtl;}就讓文檔流的渲染改變了方向;

direction只能改變內(nèi)聯(lián)塊元素的順序,對于內(nèi)聯(lián)元素和text-align是一樣的

那什么是“內(nèi)聯(lián)塊元素”呢?包括替換元素(replaced element),如,