CSS |写模式属性

书写模式 CSS 属性用于表示文本行是水平布局还是垂直布局，以及块前进的方向。

句法：

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

属性值：

• 水平tb：这种模式让内容从左到右水平流动，从上到下垂直流动。下一条水平线位于前一条线的下方。

  句法：

  writing-mode: horizontal-tb;
  

  例子：

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  
           Geeks Classes is a classroom program in Noida. 
           This is a quick course to cover algorithms 
           questions.
          
      
  
  

  输出：
  

• Vertical-rl：这种模式让内容从上到下垂直流动，从右到左水平流动。下一条垂直线位于上一条线的左侧。

  句法：

  writing-mode: vertical-rl;
  

  例子：

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  
           Geeks Classes is a classroom program in Noida. 
           This is a quick course to cover algorithms 
           questions.
          
      
  
  

  输出：
  

• Vertical-lr：这种模式让内容从上到下垂直流动，从左到右水平流动。下一条垂直线位于上一条线的右侧。

  句法：

  writing-mode: vertical-lr;
  

  例子：

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  
           Geeks Classes is a classroom program in Noida. 
           This is a quick course to cover algorithms 
           questions.
          
      
  
  

  输出：
  

支持的浏览器：下面列出了支持 write-mode属性的浏览器：

• 谷歌浏览器 48.0
• 浏览器 12.0
• 火狐 41.0
• 歌剧 35.0
• 苹果 Safari 11.0