本文介绍: 如上图,为了严谨一点,我们将padding水平部分和margin水平部分的代码顺序也调换了,代码调换也是浏览器调试时候的小技巧。我们发现内容边框是从左往右绘制的,其他盒子不设置是不会显示的,那么内边距和外边距同时为auto,它们的优先级是什么?例如图中的效果,因为宽度没有,高度没有,浏览器自动绘制:宽度横跨浏览器,高度为零。所以综上,padding水平和margin水平同时存在的时候,margin水平要先于padding水平。我们会发现,margin会自动填充,以使得整个盒子居中,注意是内容盒子居中。
先把实际应用摆出来:
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。