這篇文章主要介紹css中writing-mode屬性的使用方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯公司專注于企業(yè)全網整合營銷推廣、網站重做改版、道外網站定制設計、自適應品牌網站建設、html5、成都商城網站開發(fā)、集團公司官網建設、外貿網站建設、高端網站制作、響應式網頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為道外等各大城市提供網站開發(fā)制作服務。

css writing-mode屬性定義了文本在水平或垂直方向上如何排布，用來控制文本的展示方向，以便可以從上到下或從左到右讀取，具體取決于語言。西方語言一般都是 lr-tb 的書寫方式，但是亞洲語言 lr-tb | tb-rl 的書寫方式都有。

css writing-mode屬性怎么用？

writing-mode 屬性定義了文本在水平或垂直方向上如何排布。

語法：

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

屬性值：

●　horizontal-tb：水平方向自上而下的書寫方式。即 left-right-top-bottom

●　vertical-rl：垂直方向自右而左的書寫方式。即 top-bottom-right-left

●　vertical-lr：垂直方向內內容從上到下，水平方向從左到右

●　sideways-rl：內容垂直方向從上到下排列

●　sideways-lr：內容垂直方向從下到上排列

說明：

writing-mode屬性設置或檢索對象的內容塊固有的書寫方向。西方語言一般都是 lr-tb 的書寫方式，但是亞洲語言 lr-tb | tb-rl 的書寫方式都有。

writing-mode這個CSS屬性以前是IE的獨有屬性，IE5.5瀏覽器就已經支持了。在很長一段時間里，FireFox, Chrome這些現代瀏覽器都不支持writing-mode，各大現代瀏覽器紛紛對writing-mode實現了更加標準的支持（主要得益于FireFox瀏覽器的積極跟進）。

css writing-mode屬性 示例

    

        
value
        
Vertical script
        
Horizontal script
        
Mixed script
    
    

        
horizontal-tb
        
我家沒有電腦。
        
Example text
        
1994年に至っては
    
    

        
vertical-lr
        
我家沒有電腦。
        
Example text
        
1994年に至っては
    
    

        
vertical-rl
        
我家沒有電腦。
        
Example text
        
1994年に至っては
    
    

        
sideways-lr
        
我家沒有電腦。
        
Example text
        
1994年に至っては
    
    

        
sideways-rl
        
我家沒有電腦。
        
Example text
        
1994年に至っては
    

效果圖：

以上是css中writing-mode屬性的使用方法的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道！