微信小程序之scroll-view

微信小程序官方的Demo对于我难点就在于把scroll-x 的子部件给弄到一排，还的，能用按钮控制出他的移动,官方Demo恰好没给出wxss代码，下面我给出实现代码注意 white-space:nowrap千万不能少,其他的写法虽然能把他们弄到水平一排，但是他们大部分都是不能水平滚动，或者通过按钮控制元素滚动
效果图:

<!--pages/begin/begin.wxml-->
<scroll-view class="scroll-view-V" scroll-y style="height: 200px" scroll-into-view="{
   {
   CurrVtoView}}">
  <view id="green" class="scroll-view-V-item bc_green"></view>
  <view id="red" class="scroll-view-V-item bc_red"></view>
  <view id="blue" class="scroll-view-V-item bc_b