如何使用 CSS 在容器中心对齐项目？

CSS 的一项简单而常见的任务是将文本或图像对齐到任何容器的中心。

句法：

.container{
          text-align: center;
}

示例 1：我们使用 CSS 的 text-align 属性将项目水平居中，然后使用 vertical-align 和 display 属性将项目垂直对齐到容器的中心。以下示例说明了该方法：

HTML

    
        
    
    
        

            
Centered Text
        
    

输出 ：

文本在容器中居中

示例 2：另一种方法是使用 text-align 属性将项目水平居中，使用 line-height 属性垂直对齐容器中心的项目。以下示例说明了该方法：

HTML

    
        
    
    
        

            
Centered Text
        
    

输出：

文本在容器中居中