CSS | grid-column-end 属性

grid-column-end 属性解释了一个项目将跨越的列数，或者项目将在哪一行结束。它支持三种不同类型的值。

句法：

grid-column-end: auto|span n|column-line;

属性值：

• 自动：网格项目将跨越一列。它是默认值。

  句法：

  grid-column-end: auto;

  例子：

   
   
       
           
            
           
       
        
       
          
   
              
  1
   
              
  2
   
              
  3
   
              
  4
   
              
  5
   
          
   
       
                       
  

  输出：
  

• span n：用于指定列项目将跨越的数量。

  句法：

  grid-column-end: span n;

  例子：

   
   
       
           
            
           
       
        
       
          
   
              
  1
   
              
  2
   
              
  3
   
              
  4
   
              
  5
   
          
   
       
                       
  

  输出：
  

• column-line：用于指定项目在哪一列结束显示，用户可以设置列的结束位置。

  句法：

  grid-column-end: column-line;

  例子：

   
   
       
           
            
           
       
        
       
          
   
              
  1
   
              
  2
   
              
  3
   
              
  4
   
              
  5
   
          
   
       
                       
  

  输出：
  

支持的浏览器： grid-column-end 属性支持的浏览器如下：

• 谷歌浏览器 57.0
• 浏览器 16.0
• 火狐 52.0
• Safari 10.0
• 歌剧 44.0