网上搜索半天,都是一个抄一个,无果,请教老师,现把结果分享给大家
主要还是在需要滚动的外层盒子里面加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;
}