<div class="content">
    <div class="con con1">1</div>
    <div class="con con2">2</div>
    <div class="con con3">3</div>
    <div class="con con4">4</div>
</div>
<STYLE>
    .content {
        display: flex;
        flex-direction: column;
        width:250px;
    }
    .con {
        width: 50px;
        height: 50px;
        border:solid 1px red;
    }
</STYLE>

css flex 随笔 第1张

<STYLE>
    .content {
        display: flex;
        flex-direction:column-reverse;
        width:250px;
 }
 .con {
 width: 50px;
 height: 50px;
 border:solid 1px red;
 }
</STYLE>

css flex 随笔 第2张

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

css flex 随笔 第3张

 


    

        

            

                

                    

                        
                    

                    

                        

                            扫码关注我们
                        

                        

                            微信号：SRE实战
                        

                        

                            拒绝背锅 运筹帷幄