查漏补缺——说说margin的简写

问题

如题所示

答案

CSS中margin属性详解

CSS margin属性详解

margin：auto 与 margin：0 auto 区别

margin:0 auto 表示什么意思？？

相关的源码

.footer-main{
        max-width: 800px;
        margin: 0 auto 20px auto;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        .footer-item{
            flex: 1;
            & > div:not(:last-child){
                margin-bottom: 10px;
            }
            i{
                margin-right: 10px;
            }
        }
    }

如果只有一个参数，就是上下左右都有。

如果有两个参数，就是先上下，后左右。

如果有三个参数，就是先上，然后左右，最后是下。

如果四个参数，就是按照顺时针，上、右、下，左

margin: 0 auto 20px auto;

这段代码表示上为0，水平居中，下为20px。