writing-mode與direction的用法、區別


首先,layout-flow:也是控制對象文本內容的流向(但是這個屬性可以被writing-mode屬性替換)

在css中writing-mode和direction都是用來設置文本的展現方式的,兩者有些共同點又有本質的區別。下面先介紹一下兩者的用法:

writing-mode

語法:
 
writing-mode : lr-tb | tb-rl 
 
參數:
 
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左
 
說明:
 
設置或檢索對象的內容塊固有的書寫方向。西方語言確省的是左-右,上-下的書寫方式。但是亞洲語言常有上-下,右-左的書寫方式。
當此屬性值發生變化時,text-align屬性與vertical-align屬性的作用也將發生變化。
對應的腳本特性為writingMode。請參閱我編寫的其他書目。

direction

語法:
 
direction: ltr | rtl

 參數:
 
ltr : 左-右
rtl : 右-左

說明:
 
direction屬性設置了文本的書寫方向是從左向右還是從右向做。

通過上面的對比我們可以得出結論,如果僅僅是為了文字的展現方式如從左向右還是從右向左,我們往往使用direction,而為了應對不同的文字的書寫習慣,特別是文字從上而寫豎排書寫時,如我國古代文字的書寫方式,我們需要使用writing-mode。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM