1. 程式人生 > 實用技巧 >uniapp之flex元素的屬性

uniapp之flex元素的屬性

flex元素的屬性

  1. order:用於控制元素順序
    用於設定flex容器內部的每個元素的排列順序,預設是0
    排序規則:由小到大
    在這裡插入圖片描述
    在這裡插入圖片描述

  2. flex-grow:控制元素放大比例
    用於設定元素的放大比例,預設為0
    如果為0,則不放大
    在這裡插入圖片描述

  3. flex-shrink:控制元素縮小比例
    用於定義屬性的縮放比例,預設為1
    設定為0,不進行縮放

  4. flex-basis:設定元素固定或自動空間的佔比
    自己可以針對自己放大縮小,不影響其他元素

align-self:重寫容器中元素在交叉軸上的對齊方式