写在前面
最近在用小程序时多次踩坑scroll-view，决定记录下

1. 概述

scroll-view是微信小程序里的一个视图容器，使用它我们可以实现滑动效果，通过设置scroll-x scroll-y可以实现横向滑动或竖向滑动，但是这其中也有些需要注意的问题。

2. 基本使用

  <scroll-view class="historyScrollView" scroll-x enable-flex>
      <view class="srollItem">
        <view class="content">你好</view>
      </view>
  </scroll-view>

在scroll-view标签内声明了两个属性
scroll-x：横向滑动
enable-flex：支持flex布局

这样一个基本的使用就成功了，但是有需要注意的问题

遇到问题

问题一：显示不全或出现大片空白
1.这里设置了横向滚动，那么必须给scroll-view设置一个宽度（如果竖向滚动则设置高度），代表可滑动的区域，不然会影响布局

2.必须设置white-space:nowrap ；代表内容不可换行，不然可能出现显示不全的状况

问题二：view-scroll设置 align-items:center不居中
scroll-view下级子元素，也就是上面的scrollItem，它是由它的子元素撑开，它并不受align-items的影响，要想让它的内容相对scroll垂直居中，可以令其子元素撑满scroll-view，再相对这个子元素进行居中