<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>

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