溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

CSS Flex-box示例代碼

發(fā)布時(shí)間：2020-06-16 16:13:00 來(lái)源：網(wǎng)絡(luò) 閱讀：542 作者：pmlinjian 欄目：開發(fā)技術(shù)

.icons{

    /*flex-box布局，子元素可以按需縮放*/

    display: -webkit-box;

    display: -moz-box;

    display: -ms-box;

    display: -o-box;

    display: box;

    /*flex-box布局，子元素可以按需縮放*/

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    /*row表示橫向排列，wrap表示可以多行顯示*/

    -webkit-flex-flow:row wrap;

    -moz-flex-flow:row wrap;

    -ms-flex-flow:row wrap;

    -o-flex-flow:row wrap;

    flex-flow:row wrap;

}

.icons .ico{

    /*flex:1;兼容舊版flex的形式*/

    -webkit-box-flex:1;

    -moz-box-flex:1;

    -ms-box-flex:1;

    -o-box-flex:1;

    box-flex:1;

    /*flex:auto;自適應(yīng)*/

    -webkit-flex:1 0 auto;

    -moz-flex:1 0 auto;

    -ms-flex:1 0 auto;

    -o-flex:1 0 auto;

    flex:1 0 auto;

}


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手