2017-01-01 55 views
-2

我想弄清楚爲什麼我的圖像是在一個盒子裏。我運行了一個小小的腳本,將圖像中的所有空白都設爲空白,但是當我嘗試在我的網站上使用它時,我的圖像周圍有一個白色框。從網頁上的圖像中刪除空白

我試着將邊距和填充設置爲0,我也嘗試設置顯示屏以阻止,但它仍然存在,我很感激任何幫助,我確信這很簡單,但不幸的是我不是前端開發人員(:

<div class="img_style"> 
    <a href="link" class="btn btn-lg btn-default"> 
    <img src="imgSrc.png" style="block"> 
    </a> 
</div> 

目前的CSS是空的,但首先嚐試後評論,它看起來像這樣:

#img_style { 
    style="border: none !important"; 
} 

Remove white space from image

Image inside div has extra space below the image

+0

你應該向我們展示「你的」完整的代碼,這也是CSS。和/或組成一個jsfiddle –

+0

^或看到下面給出的答案。如果這不能解決這個問題,那麼......呃......你需要求助於評論#1。 –

+0

目前這個CSS類是空的。你爲什麼要在「你的」身上加上引號? – Spider

回答

0

我想我找到了問題,我的鏈接樣式創建了不必要的空間,所以我只是刪除了它,它的工作原理,我不需要添加任何額外的鱈魚即

0

您是否嘗試過邊框?

style="border: none !important" 

在線基於造型**

+0

我試過了,是我的語法不正確?它不起作用 #logo {{0}} {0} style =「border:none!important」; } – Spider

+0

我編輯了自己的內嵌樣式元素這應該工作,給出的第一個評論是在你從一個CSS文件中內嵌的工作不是假設已經編輯** – Fabian

2

先刪除風格=圖像標記 「塊」!它的錯誤。閱讀關於class和id,鏈接此CSS的網頁

第一種方式

.img_style a{ 
    border: none; 
} 

第二種方式

.img_style a{ 
    padding: 0; 
    border-radius: 0; 
} 

第三條道路

.img_style img{ 
    margin : -10px -15px; 
} 
+0

我編輯的問題補充CSS – Spider

+0

我應該有一個{或IMG {在CSS? – Spider

+0

在css中用類名選擇你應該使用[點]類名,例如.img_style和css代碼在