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 布局传送门

posted @ 2022-07-20 18:16  猫老板的豆  阅读(211)  评论(0编辑  收藏  举报