短視訊平臺原始碼,彈性佈局實現自適應高度cell

zhibo系統開發發表於2021-10-29

短視訊平臺原始碼,彈性佈局實現自適應高度cell實現的相關程式碼

如果彈性佈局可以換行;

flex-wrap: wrap;


行間距離就不是align-items控制

而是align-content: flex-start來控制了

.scroll{
height: 1140px;
width: 100%;
box-sizing: border-box;
padding-left: 12px;
padding-right: 12px; 
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0px;
align-items: flex-start;
align-content: flex-start;//如果使用wrap的時候用這個控制上下間距
.cell{//自適應高度
width: 49%;
background: white ;
margin-top: 10px; 
padding-bottom: 28px;
}
}


以上就是短視訊平臺原始碼,彈性佈局實現自適應高度cell實現的相關程式碼, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2839712/,如需轉載,請註明出處,否則將追究法律責任。

相關文章