這一章節(jié)我們來學(xué)習(xí)flex彈性盒子模型,根據(jù)下面的例子來理解一下吧:
實(shí)現(xiàn)上圖效果,我們需要輸入以下代碼:
上面的代碼:
三個(gè)塊元素設(shè)置大小以及背景色,在父容器中添加flex。
技術(shù)點(diǎn)的解釋:
1、設(shè)置display: flex屬性可以把塊級(jí)元素在一排顯示。
2、flex需要添加在父元素上,改變子元素的排列順序。
3、默認(rèn)為從左往右依次排列,且和父元素左邊沒有間隙。
可以測(cè)試右側(cè)編輯器中的代碼,感受一下flex布局。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)