CSS属性中“auto”值的含义是什么？

什么是CSS属性的auto价值的含义。 当一个CSS属性的值设置为auto时会发生什么？

Answer 1

所述属性的值根据元素的内容或上下文自动调整。

例如， height: auto的块级元素会随着包含更多文本而变长。 另一个例子， margin: 0 auto的块元素会增加左右边距，直到它沿着视口的y轴居中。

这实际上取决于你赋予它的价值，不同的属性根据内容和上下文而有不同的performance。

Answer 2

自动方式自动接受。 我使用auto的最常见的原因是：

 margin: 0 auto; 

以元素为中心。

请注意：如果大小没有被声明，那么它将不起作用。

例1：div不居中，自动不起作用

 <style> .cont { margin: 0 auto; } </style> <div class="cont"></div> 

---

示例2：div以页面为中心

 <style> .cont { width: 1000px; margin: 0 auto; } </style> <div class="cont"></div> 

Answer 3

例如，一个块宽设置auto将扩展他的父元素的全部空间。而一个块高设置auto只会扩展他的内容所需的空间。

 <style> #outer{ width: 500px; height: 500px; border: solid 2px black; } #inner{ width: auto; height: auto; background-color: aqua; } </style> <div id="outer"> <div id="inner">content</div> </div>