入门 CSS 排版文本对齐

Primer CSS是一个免费的开源 CSS 框架，它建立在创建基本样式元素（如间距、排版和颜色）的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。它是使用 GitHub 的设计系统创建的。

在本文中，我们将讨论排版文本对齐。排版文本对齐用于左对齐、居中或右对齐文本。

班级：

• text-left：该类用于将文本左对齐。
• text-center：该类用于将文本居中对齐。
• text-right：该类用于将文本右对齐。

句法：

    Content

这个 * 可以用上面提到的各个类代替。

示例 1：在本示例中，我们将编写一些文本并使用text-left类对其进行左对齐。

HTML

    

  

    

        
GeeksforGeeks
        
 Typography Text Align
    
    
Text-Left
    

        GeeksforGeeks is a Computer Science Portal
    

输出：

示例 2：在本示例中，我们将编写一些文本并使用text-center类将其居中对齐。

HTML

    

  

    

        
GeeksforGeeks
        
 Typography Text Align
    
    
Text-Center
    

        GeeksforGeeks is a Computer Science Portal
    

输出：

示例 3：在这个示例中，我们将编写一些文本并使用text-right类将其右对齐。

HTML

    

  

    

        
GeeksforGeeks
        
 Typography Text Align
    
    
Text-Right
    

        GeeksforGeeks is a Computer Science Portal
    

输出：

参考： https://primer.style/css/utilities/typography#text-alignment