Question

html里的各种属性的auto该如何使用?

Answer 1

auto翻译为自动的意思，html中应用的最多的就是居中, 当div设定了宽度之后, 加上margin:0 auto;属性, 便可以让div居中在屏幕中间。

关于auto属性的使用详解

什么是auto?

auto是自适应的意思，auto是很多尺寸值的默认值，也就是由浏览器自动计算。

auto 的值就是margin、border、padding以及content宽度之和

所以在具有包裹性的元素上不可以利用width : auto；来让元素宽度自适应浏览器宽。

有时设置margin:0 auto;不起作用？大致两种原因。

1. 没有为p设置宽度，如果p么有宽度，就无法参考父元素的宽度来进行自身的auto。

2. p具有包裹性，即脱离标准流，就好比父对象所在的标准流比喻成地表，那包裹性元素就已经上天了。没有了可供参考的父元素宽度进行auto。