等分布局

2222.png

提供一种flex实现
html代码如下

    
        
1
    
    
        
2
    
    
        
3
    
    
        
4
    

CSS代码

.parent{
    display: flex;
}
.column{
    flex: 1;
}
.column+.column{
    margin-left: 20px;
}

等高布局
用table flex