設置flex-direction: column;之後,盒子中的元素以列的方式排列,這個時候,跟行排列中,主軸的位置會互換,橫軸會變成豎軸,豎軸會變成橫軸,所以這個時候設置水平居中其實是行排列時的垂直居中即:align-items: center;會使元素水平居中,而行排列中的水平居中justify-content: center;則會使元素垂直居中
微信小程序中設置了flex-direction之後,水平居中跟垂直居中的設置反過來了
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Facebook 如何做大規模服務的自主測試
Paul Marinescu
2021-12-21 10:54:01
微軟終於被罵夠了?迴歸一鍵更改默認瀏覽器
闫园园
2021-12-07 11:58:59
使用HTML+CSS製作逼真的紅色開關
海拥(haiyong.site)
2021-12-04 14:03:52
JetBrains 發佈輕量級編輯器 Fleet
辛晓亮
2021-11-30 14:53:56
HTTP客戶端演進之路
尼先
2021-11-24 17:43:59
TypeScript 4.5 發佈,帶來 Promise 功能改進
辛晓亮
2021-11-19 11:23:57
手把手帶你玩轉 JS | 引航計劃|大前端
三掌柜
2021-11-18 09:28:56
Flutter性能監控實踐
贝壳大前端技术团队
2021-11-13 13:33:50
花7.5億都做不好的項目,被三位程序員爸爸重寫並開源了
Tina
2021-11-11 09:23:48
ShowMeBug 中如何科學的識別用戶瀏覽器?
ShowMeBug
2021-11-10 17:33:55
架構師(2021年11月)
InfoQ 中文站
2021-11-08 08:03:53
託管頁前端異常監控與治理實戰
百度Geek说
2021-11-05 15:03:57
網易雲信陳功:體驗共享和無限融合是雲通信未來的進化方向丨QCon
张俊宝
2021-11-03 19:03:56
微軟產品經理:你不能不知道的6個Web開發者工具
Christian Heilmann
2021-11-03 16:08:56