在 CSS 中使用网格时如何垂直对齐对象？

CSS 网格布局是 CSS 中最强的布局之一。网格布局是二维的，这意味着它可以处理行和列，不像 flexbox 是一维的。要对齐对象，将 CSS 应用于成为网格容器的父元素和成为网格中项目的元素的子元素。

方法：
使用CSS 网格的 align-content属性垂直对齐对象。

句法：

align-content: center;

示例 1：

  

    

  

  
    

        
Welcome
        
to
        
Geeks
        
for
        
Geeks
        
Start
    
  

  

输出：

示例 2：

  

    

  

  
    

        
Explore
        
the
        
world
        
travel
        
and
        
eat
    
  

  

输出：