flex中項目(子元素)屬性


 

項目(子元素)屬性:

     align-self:;子元素在側軸上的對齊方式。

           stretch       元素被拉伸以適應容器(此元素不設置寬度高度)。

           center        元素位於容器的中心。

           flex-start    元素位於容器的開頭。

           flex-end      元素位於容器的結尾。

          auto          默認值。元素繼承了它的父容器的 align-items 屬性。

                         如果沒有父容器則為 "stretch"。

   order:number排序優先級,數字越大越往后排,默認為0,支持負數。

     flex:復合屬性。設置或檢索彈性盒模型對象的子元素如何分配空間

   flex-grow:;數字不帶單位,定義項目剩余寬度進行擴大

   flex-shrink:;數字不帶單位。項目總寬度超出容器時的縮小設置

        0        本身的大小,不縮小也不放大

        1        平均分配,默認值

   flex-basis:;百分比或px 項目的長度(寬度 高度)

   綜合寫法:flex:放大 縮小 長度;后兩者基本不寫 數字 數字 百分比

 

  vertical-align:;元素垂直對齊方式

    top        頂部對齊

    middle    中間對齊

    bottom     底部對齊

    針對inline-black和inline元素有效


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM