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