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

html-css06

html里的各种属性的auto该如何使用?,第1张

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

关于auto属性的使用详解

什么是auto?

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

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

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

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

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

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

auto就是根据浏览器的渲染而给她赋值。意思就是浏览器内置的值赋给它,或者是继承下来的值赋给它。

auto在‘这里’是没有意义的,只有在实际使用的环境中才能讨论。

比如:

.box{width:autoheigght:30px}这里的意思就是,box这个容器的宽度自动,高度为30像素。

一般auto不用书写,只是在覆盖原有样式的时候对页面进行样式的更新。

众所周知,margin有四个属性,marign-top:值marign-right:值marign-bottom:值marign-left:值

简写就是margin:值;auto是自动的意思,例如外面需要网页宽度1000px,居中显示,就需要这个属性