前兩天朋友出去面試遇到了尷尬的問題，原題是："在一個盒子里包裹著三個子元素，讓子元素的寬度以1：1、1：2、1：3的關系依次展示"
這就尷尬了啊..........................
這個的就是彈性盒里的東西
flex 屬性用于設定或檢索彈性盒模型物件的子元素如何分配空間，
flex 屬性是 flex-grow、flex-shrink 和 flex-basis 屬性的簡寫屬性，
flex-grow 一個數字，規定專案將相對于其他靈活的專案進行擴展的量，（flex-grow 屬性用于設定或檢索彈性盒子的擴展比率，默認是0）
flex-shrink 一個數字，規定專案將相對于其他靈活的專案進行收縮的量，（默認值是1，）
flex-basis 專案的長度，合法值："auto"、"inherit" 或一個后跟 "%"、"px"、"em" 或任何其他長度單位的數字，（說白了就是可以元素設定自定義的寬度）
簡單操作了一下：看demo
HTML部分
style部分
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/18236.html
標籤：HTML5
上一篇：canvas手勢解鎖原始碼
下一篇：顯示滑鼠滑動軌跡