语义 UI 卡中心变化

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

Semantic UI 为我们提供了一种非常简单的方式来以卡片的形式显示内容，而不是使用 CSS。 Semantic UI 为我们提供了一种以不同变体显示卡片的方式，并涉及不同的内容，如链接、按钮、批准等。在本文中，让我们了解 Semantic UI Card Centered Variation 并通过示例了解它的实现代码。

Semantic UI Card Centered Variation：语义 UI中的 Card Centered Variation 帮助我们将整个卡片与容器的中心对齐。卡片将自动以卡片为中心的变化在容器中居中。

以语义 UI 卡为中心的变体内容类：

• .centered：整张卡片应该包含在 .centered 类中以使卡片居中。
• .image：用这个类包围图像。
• .content：内容应该包含在这个类中。

句法 ：

  

    ...
  
  

    ...
  

例子：

HTML

  

    
    
    
  
    

  

    
        
GeeksforGeeks
        Semantic UI Card Centered Variation
    
  
    

        

            
        
        

            GeeksforGeeks
        
    

  

输出 ：

参考链接： https ://semantic-ui.com/views/card.html#centered-card