auto 属性如何在 CSS 中的 margin:0 auto 中工作？

在本文中，我们将学习 auto 属性如何在 CSS 中的 margin:0 auto 中工作。 margin 属性用于设置元素的边距。 margin 属性有四个值 margin-top、margin-right、margin-bottom 和 margin-left。

句法：

margin: top_margin right_margin bottom_margin left_margin;

/* We can also use the shortened syntax 
   of margin that takes only two parameters */

margin: top_and_bottom_margin left_and_right_margin;

所以在margin: 0 auto 中，上/下边距为0，左右边距为auto，其中auto表示浏览器根据容器自动设置左右边距，使元素居中。 margin: 0 auto 相当于：

margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;

例子：

HTML

  

  

  

  

    
GeeksforGeeks
 
  

  

输出：

• 设置保证金前：

  

• 设置保证金后：