横向滚动,首先要先把子元素设置成一行,float属性不能使用,否则不生效
要对子元素进行display:inline-block ,scroll-view容器进行 white-space: nowrap;
HTML:
<scroll-view class="scroll-view_H" scroll-x>
<view class='text_tool'>图片</view>
<view class='text_tool'>字号</view>
<view class='text_tool'>B</view>
<view class='text_tool'>I</view>
<view class='text_tool'>划线</view>
<view class='text_tool'>“</view>
<view class='text_tool'>link</view>
</scroll-view>
css:
.scroll-view_H{width: 100%;white-space: nowrap;}
.text_tool{
display: inline-block;
padding:8rpx 8rpx 8rpx 8rpx ;
width:80rpx;
color: #999;
text-align: center;
border: 1px solid #efefef;
}