<view style="height:600px">

<view style="height:200px">

<image style="width: 50%; height: 200px; background-color: #eeeeee;" src="../../image/11.png"></image>

<image style="width: 50%; height: 200px; background-color: #eefeee;" src="../../image/12.png"></image>

</view>

<view style="height:200px">

<image style="width: 50%; height: 200px; background-color: #eeceee;" src="../../image/21.png"></image>

<image style="width: 50%; height: 200px; background-color: #eeaeee;" src="../../image/22.png"></image>

</view>

<view style="height:200px">

<image style="width: 50%; height: 200px; background-color: #eebeee;" src="../../image/31.png"></image>

<image style="width: 50%; height: 200px; background-color: #eeheee;" src="../../image/32.png"></image>

</view>

</view>

分割线--------------------------------------------------------------------------------

<image style="width: 50%; height: 200px; background-color: #eeheee;" src="../../image/32.png"></image>

<image style="width: 50%; height: 200px; background-color: #eeheee;" src="../../image/32.png"></image>

<image style="width: 50%; height: 200px; background-color: #eeheee;" src="../../image/32.png"></image>

<image style="width: 50%; height: 200px; background-color: #eeheee;" src="../../image/32.png"></image>

<image style="width: 50%; height: 200px; background-color: #eeheee;" src="../../image/32.png"></image>

<image style="width: 50%; height: 200px; background-color: #eeheee;" src="../../image/32.png"></image>

这样就是每一行下面都有一个白边。。。。为什么会有白边啊？