2017-10-19 66 views
0

我試圖讓HTML/CSS圖像的利潤率是0像素,但是當我使用問題隨着HTML/CSS邊距帶有圖像

body { 
margin: 0px; 
} 

它影響到整個身體(圖片和文字) 。這是預期的。所以我想,我只會用一個班。我嘗試這樣做:

CSS:

.class-name { 
margin: 0px; 
} 

HTML:

<img class="class-name" src="path/to/file.png"> 

現在它只是簡單地忽略了一個事實,我有一個保證金...任何修復?提前致謝!

+0

@Doomenik該類名僅僅是一個例子,我實際上使用我自己的類名哈哈!另外,你的意思是一個工作的例子? –

+0

@Doomenik請勿建議第三方網站,如plunkr或jsfiddle。他被要求在這裏發佈他的標記。任何地方都可以解決這個問題。 – Rob

+0

尋求調試幫助的問題(**「爲什麼這個代碼不工作?」**)必須包含所需的行爲,特定的問題或錯誤以及在問題本身中重現**的最短代碼**。 [mcve] – Rob

回答

0

在你的情況設置邊距:0px;在你的形象上並沒有幫助你。之所以你的圖片在第一種情況下有餘量是因爲body元素的默認邊距爲(據我所知)8px。

要刪除你的保證金,你因此必須要麼去掉你身上的保證金是這樣的:

body { 
margin:0px; 
(or margin-left:0px; margin-right:0px etc) 
} 

或者你的形象的邊距設置爲負值。

.class-name { 
margin: -8px; 
} 
+0

對不起,對於遲到的回覆,但消極保證金似乎在做伎倆!非常感謝! :) –