uniapp使用多列布局显示图片,一行两列

07-16 1243阅读

完整代码:

	const src = "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"


	
		
			
			
			
			
			
			
			
		
	


	.content {
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.img-list {
		padding: 10rpx;
		column-count: 2;
		column-gap: 10rpx;
	}

渲染效果:

uniapp使用多列布局显示图片,一行两列

VPS购买请点击我

文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

目录[+]