Semantic-UI 卡片内容块

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

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

语义 UI 卡片内容块按部分组织卡片内容。要将内容添加到语义 UI 中的卡片，我们使用内容类。在一张卡片中，可以有多个带有类内容的

。我们使用语义 UI 的“内容”类将内容添加到语义 UI 卡。

Semantic-UI 卡片内容块类：

• 内容：该类用于将卡片划分为部分，包含卡片中最重要的信息，最需要强调。

语法：a

    

     ...
    

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

HTML

  

    
    
    
    

  

    
        
GeeksforGeeks
        Semantic UI card content block
    

      
    

        

            
GeeksforGeeks
            This is a basic card made using Semantic UI.
        
    

  

输出：

Semantic-UI 卡片内容块

示例 2：以下示例演示了单个语义 UI 卡中的多个内容块。我们可以通过内容类观察卡片的不同部分。

HTML

  

    
    
    
    

  

    
        
GeeksforGeeks
        Semantic UI card content block
    

    

        

            

                GeeksforGeeks
            
        
  
        

            
        
        

            
Goal
            

                

                    

                        To provide best in class computer 
                        science education in the world.
                    
                
            
        
        

            
                Visit Website
            
        
    

  

输出：

Semantic-UI 卡片内容块

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