📜  Semantic-UI 网格列内容

📅  最后修改于: 2022-05-13 01:56:12.941000             🧑  作者: Mango

Semantic-UI 网格列内容

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且具有多种不同的元素可用于使您的网站看起来更加惊人和响应迅速。

语义 UI Grid 元素用于将内容显示为行和列,以便于设计网页。 Semantic-UI Grid Column Content 用于为列添加内容并为列元素添加填充。列内容的样式不应直接应用于列,而应应用于列内的元素。

Semantic-UI Grid Column Content Used Class:

  • column:该类用于为元素添加内容区域列。

句法:

...
...

注意:数字*可以替换为任意数字的拼音

示例 1:在此示例中,我们将描述 Semantic-UI Grid Column Content 的使用。

HTML


  

    
        Semantic-UI Grid Column Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Grid Column Content

           
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
        
    
  


HTML


  

    
        Semantic-UI Grid Column Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Grid Column Content

           
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
        
    
  


输出:

Semantic-UI 网格列内容

Semantic-UI 网格列内容

示例 2:在此示例中,我们将描述 Semantic-UI Grid Column Content 的使用。

HTML



  

    
        Semantic-UI Grid Column Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Grid Column Content

           
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
            
                
                                     
            
        
    
  

输出:

Semantic-UI 网格列内容

Semantic-UI 网格列内容

参考: https://semantic-ui.com/collections/grid.html#column-content