2016-08-19 48 views
1

我想要的图像添加到离子含量,实质上作为一个顶级的旗帜下去除填充,但有那它下面自动添加,我只是似乎无法去除一些讨厌的填充。该代码是:不能像离子

<ion-view> 
    <ion-content> 
    <img src="http://impact.byu.edu/style/wide_banner6.gif" style="width:100%; padding:0px"> 
    <div class="list"> 
     <div class="item item-divider"> 
     Settings 
     </div> 
    </div> 
    </ion-content> 
</ion-view> 

这codepen证明什么我谈论https://codepen.io/anon/pen/LkvObV。我想删除图像底部和“设置”项目分隔线之间的间距。任何人都知道吗?我已经尝试在CSS中使用填充/边距属性,但没有成功。

回答

2

应用display: block;img标签,看到了魔术!

说明:

默认情况下,图像被内联呈现,如文本。所有直列块元件具有一定的垂直对齐值通过施加vertical-align: top默认 - 重置任一者或通过施加display: block

+0

这工作重置显示属性。这非常简单,你会介意一些关于你如何调试情况的介绍吗?我试图狩猎周围控制台几个小时,但我无法找到任何东西... – user6689604

+0

加解释的答案:)能否请您为接受过给予好评/马克的答案吗?谢谢! – kukkuz

+0

我不能接受另一个几分钟的答案,但我会在之后。我也想请教一下另一个轻微的CSS问题我有,如果你看一下codepen我再次更新它:https://codepen.io/anon/pen/LkvObV和右边的旗帜下添加一个按钮,以及一个我无法删除的填充小条,有关如何删除该条的任何建议? – user6689604