html里的各种属性的auto该如何使用?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html里的各种属性的auto该如何使用?相关的知识,希望对你有一定的参考价值。
比如margin:0 auto
这类的。能解释下意思吗
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。
以上是关于html里的各种属性的auto该如何使用?的主要内容,如果未能解决你的问题,请参考以下文章
使用querywrapper查询如何设置resulttype