direction

direction: ltr; // 默認(rèn)值 direction: rtl; //right to left

direction可以改變替換元素或者 inline-block/ inline-table 元素的水平呈現(xiàn)順序

應(yīng)用

（1）相同元素不同設(shè)備下的展示順序

（2）...隱藏字符變成隱藏開頭

在不支持 text-align:start/end 的瀏覽器中（如 IE），direction會改變text-align的默認(rèn)值，默認(rèn)是left.采用direction: rtl；變成right

unicode-bidi

unicode-bidi: normal; // 默認(rèn)值,正常排列 unicode-bidi: embed;//只能作用在內(nèi)聯(lián)元素上，字符排序獨立內(nèi)嵌，不受外部影響 unicode-bidi: bidi-override; //“重寫雙向排序規(guī)則”

writing-mode

CSS3 規(guī)范屬性

IE 私有屬性語法

?writing-mode: lr-tb | tb-rl | tb-lr (IE8+);

CSS3 規(guī)范

writing-mode: horizontal-tb | vertical-rl | vertical-lr;

應(yīng)用

（1）使用margin:auto或text-algin實現(xiàn)垂直居中效果

（2）實現(xiàn)點擊按鈕單個文字下沉效果

?

轉(zhuǎn)載于:https://www.cnblogs.com/goOtter/p/9825871.html

總結(jié)

以上是生活随笔為你收集整理的CSS进阶（二十四）流向的改变的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。