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

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

如果弹性布局可以换行；

1	flex-wrap: wrap;

​

行间距离就不是align-items控制

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

 

1

<br>.scroll{<br>height: 1140px;<br>width: 100%;<br>box-sizing: border-box;<br>padding-left: 12px;<br>padding-right: 12px; <br>display: flex;<br>justify-content: space-between;<br>flex-wrap: wrap;<br>margin: 0px;<br>align-items: flex-start;<br>align-content: flex-start;//如果使用wrap的时候用这个控制上下间距<br>.cell{//自适应高度<br>width: 49%;<br>background: white ;<br>margin-top: 10px; <br>padding-bottom: 28px;<br>}<br>}

 

以上就是短视频平台源码，弹性布局实现自适应高度cell实现的相关代码， 更多内容欢迎关注之后的文章