【vue】弹性布局实现自适应高度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;
	}
}

你可能感兴趣的:(vue.js,vue,弹性布局,自定义高度cell)