不能像離子

我想要的圖像添加到離子含量，實質上作爲一個頂級的旗幟下去除填充，但有那它下面自動添加，我只是似乎無法去除一些討厭的填充。該代碼是：不能像離子

<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中使用填充/邊距屬性，但沒有成功。

來源

2016-08-19 user6689604

應用display: block;到img標籤，看到了魔術！

說明：

默認情況下，圖像被內聯呈現，如文本。所有直列塊元件具有一定的垂直對齊值通過施加vertical-align: top默認 - 重置任一者或通過施加display: block

來源

2016-08-19 18:03:08 kukkuz

這工作重置顯示屬性。這非常簡單，你會介意一些關於你如何調試情況的介紹嗎？我試圖狩獵周圍控制檯幾個小時，但我無法找到任何東西... – user6689604

加解釋的答案:)能否請您爲接受過給予好評/馬克的答案嗎？謝謝！ – kukkuz

我不能接受另一個幾分鐘的答案，但我會在之後。我也想請教一下另一個輕微的CSS問題我有，如果你看一下codepen我再次更新它：https://codepen.io/anon/pen/LkvObV和右邊的旗幟下添加一個按鈕，以及一個我無法刪除的填充小條，有關如何刪除該條的任何建議？ – user6689604

回答

相關問題