Semantic-UI 项目额外内容

Semantic UI是一个现代框架，用于为网站开发无缝设计，它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。

语义 UI 项在站点上呈现大量类似类型的数据。 Item 可以包含图像、标题、描述、按钮、日期等。Item 是 Semantic UI 中项目的集合。

Semantic UI Item Extra Content用于在 Item 中放置需要与主要内容分开的额外内容。所以内容是单独格式化的。

语义 UI 项额外内容类：

• extra：具有此类的容器与内容容器分开格式化。

语法：添加带有额外类的容器以显示额外内容，如下所示：

  ...
  

    ...
    
 ... 
  

示例：在以下示例中，我们有两个包含图标和文本的额外内容的项目。

HTML

  

    
    
    
    
    
    
        body {
            padding: 10px;
            margin: 10px;
        }
    

  

    
        
            
                GeeksforGeeks
            
            Semantic UI Item Extra Content
        
    
    
        
            
                
            
            
                Data Structures and Algorithms
                
                    30 Likes
                    10000 Views
                
                
                    Lots of high quality tutorials in GeeksforGeeks
                
                
                    
                    Trending
                
            
        
        
            
                
            
            
                Machine Learning
                
                    123 Likes
                    2300 Views
                
                
                    
                      Get started with Machine Learning with GeeksforGeeks
                    
                
                
                    
                    Top Grossing
                
            
        
    

  

输出：

参考： https://semantic-ui.com/views/item.html#extra-content