文章詳情頁(yè)
html5 - 我怎么覺得flex中justify-content和align-items兩個(gè)屬性反了呢
瀏覽：123日期：2023-01-24 13:48:38
問(wèn)題描述
align不應(yīng)該是定義水平居中嗎
這兩個(gè)屬性到底是依據(jù)什么取名的呢，問(wèn)什么不叫justify-content和align-content或者叫justify-items和align-tiems呢，好難記
問(wèn)題解答
回答1：因?yàn)槌薺ustify-content和align-items，的確還有另一個(gè)屬性align-content.
這三個(gè)聯(lián)系起來(lái)比較好記：
justify-content：調(diào)整水平軸上的對(duì)齊方式；align-content：調(diào)整垂直軸上各行間的對(duì)齊方式（僅在多于一行時(shí)有效）；align-items：調(diào)整每一行里各個(gè)item垂直軸上的對(duì)齊方式；
回答2：flex-direction為row和colmn時(shí)，兩者會(huì)反過(guò)來(lái)
標(biāo)簽：
Html5
相關(guān)文章：
1. docker images顯示的鏡像過(guò)多，狗眼被亮瞎了，怎么辦？2. Java：密碼包（加密和解密）。無(wú)效的密鑰錯(cuò)誤3. css - 微信小程序點(diǎn)擊展開，再次點(diǎn)擊收回4. 點(diǎn)擊頁(yè)面就自動(dòng)輸入到mysql.求解5. macos - mac下docker如何設(shè)置代理6. css - vue.js的vue單文件組件style中的scoped屬性無(wú)效7. angular.js - 在ng-option 里使用過(guò)濾器無(wú)效8. node.js - 求問(wèn)nw.js開發(fā)桌面版，其js計(jì)算性能如何？9. 我在centos容器里安裝docker，也就是在容器里安裝容器，報(bào)錯(cuò)了？10. thinkphp5.1學(xué)習(xí)時(shí)遇到session問(wèn)題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備