如何居中<div>使用 CSS 网格属性？

如何使用 CSS 网格属性使

居中？

在本文中，我们将学习将 HTML

居中 使用 CSS 的 grid 属性的元素。

使用网格将

元素水平居中。使用 display 的属性设置为 grid 即display: grid ;然后使用属性place-items: center;

示例：以下示例演示如何使用grid属性将

设置为居中。

HTML

    
    
    


    

      
Geeks for Geeks
    

输出：

使用高度的中心 div

示例 2：我们将演示一个不设置高度的示例

。 结果将位于中心，但仅在 x 轴方向，而通过设置高度，我们可以在两个轴上居中

。

HTML

    
    
      
    


    

      
Geeks for Geeks
    

输出：

以 x 轴为中心