scroll-view 的X轴滑动配置

html代码


			
				{{item}}
			
		

Css代码

.renwu-title-items {
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	/* flex-direction: row; */
	flex-wrap: nowrap;
	white-space: nowrap;
	padding: 10upx 20upx 0;
	
	
}

.renwu-title-item {
	width: 160upx;
	height: 60upx;
	box-sizing: border-box;
	border: 1px solid #D17C90;
	border-radius: 6upx;
	display: inline-block;
	font-size: 24upx;
	padding: 0 12upx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 58upx;
	text-align: center;
	margin-left: 20upx;
}

效果图
scroll-view 的X轴滑动配置_第1张图片

你可能感兴趣的:(html,scroll-view,的X轴滑动配置)