html里的各种属性的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。

第一款：Nike Air Zoom Pegasus 34

Pegasus 34 带延续了Pegasus系列跑鞋的透气、轻量、舒适的鞋面材质，在d性方面更加的出色，对双脚的支撑也尤为显著。

Pegasus 34依旧搭载了前后掌Zoom Air气垫，在带来出色缓震效果的同时，提供跑者所需的回d表现。中底采用了全掌Cushion发泡材质，可以大量吸收跑步中的缓冲工作，让跑步体验更佳。

第二款：Adidas Energy boost 2

Energy Boost是一款能够带来出色缓冲性能和回d反馈的慢跑鞋，其中前后掌的中底表现，很适合新手跑者的跑步姿态，是跑步鞋入门的选择。

鞋面采用Techfit材质鞋面，让跑者在跑步过程中可以感受到清爽十足的体验，脚感相当出色，且d性十足。大面积的boost科技中底，为脚掌的缓震提供出色的保护，大底采用了Torsion System支撑系统，提高了抗扭转力，更好地保护穿着者的双脚。

第三款：asics GT-2000 4

经过4代的发展，Asics GT-2000 4在各个性能方面更加完善，在跑步过程中双脚感觉更加踏实。

Asics GT-2000 4集合了asics众多看家科技，受到众多跑者喜爱。GEL、Trusstic 缓震片、Heel Clutching System后跟补强系统、Dynamic DuoMax动态双密度防倾斜、Guidance Line重心引导线，Ahar Plus耐磨橡胶，这么多的科技结合在一起，提供了出色的跑步体验。

第四款：New Balance Fresh Foam 1080 v7

Fresh Foam 1080 v7 有着传统外观的设计与新科技面料的结合，为跑步带来出色的体验，是一款跑鞋入门级别中的一款。

鞋面采用工程网眼面料，提供舒适的穿着体验。中底有着Fresh Foam材料，提供持久的缓冲性能，让跑者在长距离的跑步中仍有着不错的表现力。

第五款：李宁超轻13跑鞋

最后介绍的这款是国货的骄傲——李宁超轻13。柔性纱线一体织鞋面，吸湿速干，舒适透气MONO纱线的嵌入，轻薄透气并提供良好的包裹性。

中底使用采用更轻的FoamEvalite科技，带来舒适的穿着脚感，同时减少跑步中的能量损耗配合着中足的硬质TPU材质，保证跑步过程中抗扭转性。李宁超轻13适合基础跑着10公里以内的跑步训练。

---