放大：
flex
：none |
flex-grow
'>
flex-shrink
>'? ||
flex-basis
'>
none：
none關鍵字的計算值為: 0 0 auto
flex-grow '>：
用來指定擴充套件比率，即剩餘空間是正值時此「flex子項」相對於「flex容器」裡其他「flex子項」能分配到空間比例。
在「flex」屬性中該值如果被省略則預設為「1」
flex-shrink '>：
用來指定收縮比率，即剩餘空間是負值時此「flex子項」相對於「flex容器」裡其他「flex子項」能收縮的空間比例。
在收縮的時候收縮比率會以伸縮基準值加權
在「flex」屬性中該值如果被省略則預設為「1」
flex-basis '>：
用來指定伸縮基準值，即在根據伸縮比率計算出剩餘空間的分布之前，「flex子項」長度的起始數值。
在「flex」屬性中該值如果被省略則預設為「0%」
在「flex」屬性中該值如果被指定為「auto」，則伸縮基準值的計算值是自身的
width '> 設定，如果自身的寬度沒有定義，則長度取決於內容。
微信小程式伸縮布局案例
個性推薦 歌單主播電台 排行榜私人fm 每日歌曲推薦 雲 新歌榜 推薦歌單 一生中最愛的是誰誰？一生中最愛的是誰誰？一生中最愛的是誰誰？一生中最愛的是誰誰？一生中最愛的是誰誰？一生中最愛的是誰誰？一生中最愛 譚詠麟 page root tabs tabs item tabs item.active ...
布局 Flex伸縮布局
flex是 flexible box 的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性，任何乙個容器都可以指定為flex布局。採用flex布局的元素，稱為flex容器，簡稱 容器 它的所有子元素自動成為容器成員，成為flex專案，簡稱 專案 總結 通過給父盒子新增flex屬性，來控制子盒子的位...
彈性布局（伸縮布局）
彈性布局 伸縮布局 僅僅是網頁布局中的一種新的解決方案。應用場景 當頁面 現多個盒子一行顯示時，可以考慮使用彈性布局 如 兩端對齊，中間自適應居中，兩行屬性即可實現 display flex justify content space between 問 為什麼彈性盒子中的元素會一行顯示？1.在彈性...