文章詳情頁(yè)
html5 - 我怎么覺(jué)得flex中justify-content和align-items兩個(gè)屬性反了呢
瀏覽：102日期：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. android - 安卓做前端，PHP做后臺(tái)服務(wù)器 有什么需要注意的？2. mysql - ubuntu開(kāi)啟3306端口失敗,有什么辦法可以解決？3. javascript - 從mysql獲取json數(shù)據(jù)，前端怎么處理轉(zhuǎn)換解析json類型4. mysql - C#連接數(shù)據(jù)庫(kù)時(shí)一直這一句出問(wèn)題int i = cmd.ExecuteNonQuery();5. mysql replace 死鎖6. extra沒(méi)有加載出來(lái)7. 求救一下，用新版的phpstudy，數(shù)據(jù)庫(kù)過(guò)段時(shí)間會(huì)消失是什么情況？8. thinkPHP5中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后默認(rèn)選中下拉框的值，傳遞到后臺(tái)消失不見(jiàn)。有圖有代碼，希望有人幫忙9. javascript - 微信網(wǎng)頁(yè)開(kāi)發(fā)從菜單進(jìn)入頁(yè)面后，按返回鍵沒(méi)有關(guān)閉瀏覽器而是刷新當(dāng)前頁(yè)面，求解決？10. django - Python error: [Errno 99] Cannot assign requested address
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備