文章詳情頁
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)安備