css自适应等分

方法一：

.table-cell{
    display: table; 
    width: 100%;
}
.table-cell li{
    display: table-cell;
}

方法二：

.flex-ul{
    display:-webkit-flex;   
    display: flex;
     width: 100%;
} 
.flex-ul li{
    -webkit-flex:1; 
    flex:1;
}

flex在兼容性上可能会遇到一些问题，有用到的时候再查查看