tabbar上方,一直有一条白边应该如何消除?

发布于 8 年前作者 xfeng14183 次浏览最后编辑 8 年前来自 ask

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


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

4 回复
guiyingwan
guiyingwan1 楼6 年前

目测,image有line_height,清掉0或者vertical-align:middle 或者display: block

luming
luming2 楼6 年前

每张图片都用<view></view>包起来就可以了

zoujun
zoujun3 楼6 年前

倒是贴一张图呀,囧

fangfu
fangfu4 楼6 年前

用displayblock解决了。