flex布局圖解

flex簡(jiǎn)介
采用Flex布局的元素，稱為Flex容器（flex container），簡(jiǎn)稱"容器"。它的所有子元素自動(dòng)成為容器成員，稱為Flex項(xiàng)目（flex item），簡(jiǎn)稱"項(xiàng)目"。

      //div.box-first即為flex容器，div.item即為flex項(xiàng)目
       <style>
             .box-first{
                  display:flex
              }
       </style>
        <div class="box-first">
        <div class="item"></div>
    </div>

flex的相關(guān)屬性：
http://naotu.baidu.com/file/3205e7c39b7921df9a6cd0f48f47c31c
**flex容器的相關(guān)屬性：
**

flex-container.png

flex項(xiàng)目的相關(guān)屬性：

flex -items.png

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容