這一章節(jié)我們來學(xué)習(xí)flex彈性盒子模型,根據(jù)下面的例子來理解一下吧:
實現(xiàn)上圖效果,我們需要輸入以下代碼:
上面的代碼:
三個塊元素設(shè)置大小以及背景色,在父容器中添加flex。
技術(shù)點的解釋:
1、設(shè)置display: flex屬性可以把塊級元素在一排顯示。
2、flex需要添加在父元素上,改變子元素的排列順序。
3、默認(rèn)為從左往右依次排列,且和父元素左邊沒有間隙。
可以測試右側(cè)編輯器中的代碼,感受一下flex布局。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報
你發(fā)的評論可能會是問題?是否將他發(fā)到問答中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11
本次提問將花費2個積分
你的積分不足,無法發(fā)表
繼續(xù)發(fā)表請點擊 "確定"