📜  CSS |列跨度属性

📅  最后修改于: 2021-08-30 09:37:59             🧑  作者: Mango

CSS 的column-span 属性设置元素可以跨越的列数。它的值可以是 none |所有 |初始 |继承

句法:

column-span: none|all|initial|inherit;

属性值:

  • all :它允许平等地跨越所有列。

    句法:

    column-span: all;

    例子:

    
    
      
    
        
            CSS | column-span Property
        
        
    
      
    
        
            

    Here we used col-span:all;            It had done span across three coloumns         

          GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks   

    输出:

  • none:该值会杀死跨度元素并将其设置为 none。

    句法:

    column-span: none;

    例子:

    
    
      
    
        
            CSS | column-span Property
        
        
    
      
    
        
            

    Here we used col-span:none;           It had done span across three coloumns         

          GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks   

    输出:

  • 初始值:此值使此属性设置为其默认值。

    句法:

    column-span: initial;

    例子:

    
    
      
    
        
            CSS | column-span Property
        
        
    
      
        
            

    Here we used col-span:initial;           It had done span across three coloumns         

          GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks   

    输出:

  • 继承:关联元素采用其父元素的指定列跨度属性的评估值,即它将采用父元素的继承属性。这不受 CSS 的 column-span 属性支持。

    句法:

    column-span: inherit;

    例子:

    
    
      
    
        
            CSS | column-span Property
        
        
    
      
    
        
            

    Here colspan: all;           Inheritance is done in next paragraph          

            GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks     
        
        
           
            

    Here  we used colspan: inherit.;

            GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks        GeeksforGeeks GeeksforGeeks GeeksforGeeks       GeeksforGeeks GeeksforGeeks GeeksforGeeks     
         

    输出:

    支持的浏览器: CSS支持的浏览器 | column-span 属性如下:

    • 谷歌 Cgrome 50.0, 4.0 -webkit-
    • 浏览器 10.0
    • 歌剧 37.0, 15.0 -webkit-
    • Safari 9.0, 3.1 -webkit-