微信小程序开发实现横向滚动

网上搜索半天，都是一个抄一个，无果，请教老师，现把结果分享给大家

主要还是在需要滚动的外层盒子里面加overflow:hidden和white-space:nowrap;
wxml里面：

	<scroll-view scroll-x="{
    
    {true}}" class="scroll_content" >
		<view class="content">
			<view>这是一段文字</view>
		</view>
        <view class="content">
			<view>这是一段文字</view>
		</view>
        <view class="content">
			<view>这是一段文字</view>
		</view>
	</scroll-view>

wxss里面：
display:inline-block也是重点哦

	.scroll_content{
    
    
			width:100%;
			overflow:hidden;
			white-space:nowrap;
	}
	.content{
    
    
		  	margin-right: 10px;
  			padding: 6px 14px;
 		 	border-radius: 20px;
  			text-align: center;
 		 	background-color: #ef4e23;
  			color: white;
  			display:inline-block;
	}