📜  Semantic-UI 列表项内容

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

Semantic-UI 列表项内容

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。

语义 UI 列表项内容用于将内容添加到项元素。

语义 UI 列表项内容类:

  • item:此类用于为列表元素创建项目。

句法:

....
....

示例 1:在此示例中,我们正在使用列表内容创建列表项。

HTML


  

      Semantic UI List Item Content  
  
    

  

    
        

            GeeksforGeeks         

           

Semantic UI List Item Content

           
            
GeeksforGeeks
            
Data Structure
            
Algorithm
            
Interview Preparation
            
Competitive Programming
            
Machine Learning
            
Web Development
        
    


HTML


  

    
        Semantic UI List Item Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic UI List Item Content

           
            
GeeksforGeeks
            
Data Structure
            
Algorithm
            
Interview Preparation
            
Competitive Programming
            
Machine Learning
            
Web Development
        
    


输出:

示例 2:在此示例中,我们使用列表内容创建水平列表项。

HTML



  

    
        Semantic UI List Item Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic UI List Item Content

           
            
GeeksforGeeks
            
Data Structure
            
Algorithm
            
Interview Preparation
            
Competitive Programming
            
Machine Learning
            
Web Development
        
    

输出:

参考链接: https://semantic-ui.com/elements/list.html#item