龍巖易富通網(wǎng)絡(luò)科技有限公司

龍巖小程序開(kāi)發(fā),龍巖分銷系統(tǒng)

flex平分布局

2020.02.02 | 1460閱讀 | 0條評(píng)論 | css

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

贊 (

發(fā)表評(píng)論