Semantic-UI 卡额外内容

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

Semantic UI Card 元素以类似于使用 Semantic UI 类的扑克牌的方式显示站点内容。语义 UI 卡有多个部分，例如内容、额外内容和描述。

在本文中，我们将了解语义 UI 卡的额外内容块。语义 UI 卡额外内容块用于包含与主要内容分开格式化的额外内容。为了在语义 UI 中向卡片添加额外内容，我们使用extra和 content 类。在一张卡片中，可以有多个

以及extra和content类。

语义 UI 卡额外内容块类：

• 额外内容：该类用于将普通内容块转换为与主要内容分开格式化的额外内容块。

句法：

       

        ...
       

示例 1：以下示例使用语义 UI 演示了带有额外内容部分的基本卡片。

HTML

    
    
    
    


    
    
GeeksforGeeks
    Semantic UI card extra content block
    

    

        

            
GeeksforGeeks
            

            This is a basic card made using Semantic UI.
            
        
        

            Extra content block
        
    

输出：

输出

示例 2：以下示例使用语义 UI 演示了具有多个额外内容部分的基本卡片。

HTML

    
    
    
    


    
    
GeeksforGeeks
    Semantic UI card extra content block
    

    

        

            Extra content block 1
        
        

            
GeeksforGeeks
            

            This is a basic card made using Semantic UI.
            
        
        

            
            Extra content block 2
        
        

            
            Extra content block 3
        
    

输出：

输出

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