flex平分布局

<ul class="flex">
    <li class="flex_item"><a href=""></a></li>
    <li class="flex_item"><a href=""></a></li>
    <li class="flex_item"><a href=""></a></li>
    <li class="flex_item"><a href=""></a></li>
</ul>

/*ul*/  
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

/*li 平均分配*/  
.flex .flex_item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

​​更多 flex 布局传送门​​