无法删除图像离子下方的填充

Question

我正在尝试将图像添加到 ion-content 中，基本上作为顶部横幅，但是有一些讨厌的填充会自动添加到它下面，我似乎无法删除。代码是：

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

这个代码笔演示了我在说什么 https://codepen.io/anon/pen/LkvObV。我想删除图像底部和 "Settings" 项目分隔符之间的间距。任何人都知道如何？我尝试在 css 中使用 padding/margin 属性但没有成功。

Answer 1

将 display: block; 应用到 img 标签，看看魔术！

解释：

默认情况下，图像以内联方式呈现，就像文本一样。默认情况下，所有内联块元素都有一些垂直对齐值 - 通过应用 vertical-align: top 重置它或通过应用 display: block

重置显示属性

无法删除图像离子下方的填充

Can't remove padding underneath image ionic

html

css

ionic-framework

ionic-view