Semantic-UI 标头变体文本对齐变体

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

Semantic-UI header 提供了一个简短的内容摘要，它为我们提供了不同的 header 变体，例如 Dividing、Block、Attached、Floating、Text alignment、colored 和 Inverted 变体。在本文中，我们将了解标题的文本对齐变体。

Semantic-UI Header Variations Text Alignment Variant 类：

• 右对齐：该类用于设置右对齐。
• 左对齐：该类用于设置左对齐。
• justified：此类用于使文本对齐。
• 居中对齐：该类用于设置对齐中心。

句法：

  
    ...
  

下面的示例说明了 Semantic-UI Header Variations Text Alignment Variant：

示例 1：

HTML

  

  
  

  

  
    

      GeeksforGeeks
    
    
      Semantic-UI Header Variations Text Alignment Variant
    
  
  

  

    

      

        Geeksforgeeks
      
      

        Geeksforgeeks
      
    
  

  

输出：

Semantic-UI 标头变体文本对齐变体

示例 2：

HTML

  

  
  

  

  
    

      GeeksforGeeks
    
    
      Semantic-UI Header Variations Text Alignment Variant
    
  
  

  

    

      

        A Computer Science Portal for Geeks
      
      

        Geeksforgeeks
      
    
  

  

输出：

Semantic-UI 标头变体文本对齐变体

参考： https ://semantic-ui.com/elements/header.html#text-alignment