css·scroll-view横向滚动

css·使scroll-view横向滚动

1】css如下

/* 父模块 */
width: 100%;
 display: flex; /* 变成一行显示*/
	white-space: nowrap;/*子模块中 white-space:nowrap 横向滚动关键*/

/* 子模块 需要固定高和宽必须的 并设置inline-block*/
display: inline-block;

2】div

<scroll-view class="info_scroll" scroll-x="true">
				<image src="https://varlet-vue2.vercel.app/cat.jpg"></image>
				<image src="https://varlet-vue2.vercel.app/cat2.jpg"></image>
			</scroll-view>
962 Views
分享你的喜爱
linwute
linwute

我要像梦一样自由,像大地一样宽容;
在艰辛放逐的路上,点亮生命的光芒;
我要像梦一样自由,像天空一样坚强;
在曲折蜿蜒的路上,体验生命的意义;

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注