短视频平台源码，弹性布局实现自适应高度cell

短视频平台源码，弹性布局实现自适应高度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实现的相关代码， 更多内容欢迎关注之后的文章