文章詳情頁
css - flex布局垂直效果實(shí)現(xiàn)不了?
瀏覽:244日期:2022-12-12 13:00:55
問題描述


參照阮一峰老師的例子,自己做為什么垂直效果沒有呢??
問題解答
回答1:這個(gè)東西。。你首先box要有高啊。。。
他現(xiàn)在的高都是被子元素?fù)伍_的, 所以會(huì)導(dǎo)致flex-star 跟 flex-end 沒有區(qū)別。。
回答2:外層容器要有高度才行。
回答3:阮老師的flex布局我也看了,感覺可以當(dāng)文檔來看了。屬性太多,最后我只記了這兩個(gè),一般用到的垂直居中都能實(shí)現(xiàn)了。 我的理解就是 justify-content: center; 相當(dāng)于水平居中 align-items: center; 相當(dāng)于垂直居中有不對(duì)的請(qǐng)指正啊


標(biāo)簽:
CSS
上一條:javascript - 請(qǐng)問一下vue當(dāng)中三級(jí)路由能否使用二級(jí)路由的的router-view?下一條:css - 在移動(dòng)端如何修改input type=data的樣式?
相關(guān)文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. css - 寫頁面遇到個(gè)布局問題,求大佬們幫解答,在線等,急!~4. 實(shí)現(xiàn)bing搜索工具urlAPI提交5. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問6. javascript - vue-router 地址改變數(shù)據(jù)未改變7. 配置Apache時(shí),添加對(duì)PHP的支持時(shí)語法錯(cuò)誤8. phpstudy8.1支持win11系統(tǒng)嗎?9. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?10. javascript - html5多個(gè)label中其中一個(gè)觸發(fā)change,如何判斷是哪一個(gè)出發(fā)了change
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備