如圖，同一個頁面，為什么body加了 align-items: center;
justify-content: center;之后main不能正常顯示而去掉之后可以顯示寬度
uj5u.com熱心網友回復：
首先得明白align-items: center;justify-content: center;以及flex:1的作用。
我的理解是flex:1是均分父元素寬度，你沒給子元素高度，還設定了align-items: center側軸居中，以至于沒法顯示子元素
/* 子元素居中，且寬高自身決定 */
body{align-items: center;justify-content: center;} .cnt{width:50%; height:50%; }
/* 子元素寬高由body決定 */
/* body{} .cnt{flex:1} */
/* 子元素寬高由自身決定*/
/* body{} .cnt{width:50%; height:50%; } */
uj5u.com熱心網友回復：
但是如果這個父元素不是body的話又能這么寫
uj5u.com熱心網友回復：
我覺得不是這個原因吧，你給我看看你的代碼轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/18705.html
標籤：HTML(CSS)
上一篇：HTML節點個數問題