flex布局

一、两端对齐

    <div class="flexdiv">
        <div>这是左边的盒子</div>
        <div>这是右边的盒子</div>
    </div>

.flexdiv{
    display: flex;
    justify-content:space-between

}

效果

![(SEV]14Z@8U2Q)PO$)S3N$7.png](p3-juejin.byteimg.com/tos-cn-i-k3…?)