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;}