收藏
回答

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

问题模块
开发者工具

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


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


最后一次编辑于  2017-08-22  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

4 个回答

  • Tzot
    Tzot
    2017-08-23

    倒是贴一张图呀,囧

    2017-08-23
    赞同
    回复
  • Banner
    Banner
    2017-08-23

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

    2017-08-23
    赞同
    回复
  • Yumy
    Yumy
    2017-08-23

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

    2017-08-23
    赞同
    回复
  • 木鱼
    木鱼
    2017-08-23

    用displayblock解决了。

    2017-08-23
    赞同
    回复