Semantic-UI Card 浮动内容变体

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且具有许多不同的元素可用于使您的网站看起来更加令人惊叹和响应迅速。语义 UI Card 元素以类似于使用语义 UI 类的扑克牌的方式显示站点内容。语义 UI 卡片有多个部分，例如内容、额外内容、批准和描述。在本文中，我们将了解语义 UI 卡的 Approval 块。 Semantic-UI Card Floated Content Variation 用于使用浮动在左侧或右侧显示卡片内容。要将内容放入右侧，我们将使用右侧浮动类，而要将内容左侧，我们将使用左侧浮动类。默认情况下，内容浮动到左侧。

Semantic-UI Card 浮动内容变体类：

• left floated：此类用于将内容浮动到左侧。
• right floated：该类用于将内容浮动到右侧。

句法：

    ...
    

        ...
    
    ...

示例 1：在此示例中，我们将描述 Semantic-UI 卡片浮动内容变体。

HTML

  

    
        Semantic-UI Card Floated Content Variation
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
  
        Semantic-UI Card Floated Content Variation
  
        
            
                GeeksforGeeks
                
                
                    
                        Published: 1 March 2022
                    
                
                
  
                
                    
                        A Computer Science portal for geeks. 
                        It contains well written, well thought 
                        and well explained computer science 
                        and programming articles, ...
                    
  
                
            
            
                
                    
                        Author: Sandeep Jain
                    
                
            
        
    

  

输出：

Semantic-UI Card 浮动内容变体

示例 2：在此示例中，我们将描述 Semantic-UI Card Floating Content Variation。

HTML

  

    
        Semantic-UI Card Floated Content Variation
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
  
        Semantic-UI Card Floated Content Variation
  
        
            
                
            
  
            
                
                     101
                
  
                
                    Author: Sandeep Jain
                
            
        
    

  

输出：

Semantic-UI Card 浮动内容变体

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