direction

direction: ltr; // 默認值 direction: rtl; //right to left

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

應用

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

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

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

unicode-bidi

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

writing-mode

CSS3 規范屬性

IE 私有屬性語法

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

CSS3 規范

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

應用

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

（2）實現點擊按鈕單個文字下沉效果

?

轉載于:https://www.cnblogs.com/goOtter/p/9825871.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。