css弹性布局

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 450px;
    height: 300px;
    background-color:#b7cf9b;
}
.flex-item {
    background-color:pink;
    width: 100px;
    height: 100px;
    margin: 25px;
}




    

    

    

完整demo

    

        
A
        
B
        
C
        
D
    
    

        
A
        
B
        
C
        
D