scroll-view的横向滚动

横向滚动，首先要先把子元素设置成一行，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;
}