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

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。

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8331194.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存