문제

Question

내가 0 픽셀로 HTML/CSS에서 이미지의 여백을 얻으려고하지만 난

body { 
margin: 0px; 
} 

을 사용할 때 몸 전체 (이미지와 텍스트)에 영향을 . 예상대로입니다. 그래서 나는 수업을 사용할 것이라고 생각했습니다. 나는이 시도 :

CSS :

.class-name { 
margin: 0px; 
} 

HTML :

이제

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

그냥 단순히 내가 여유 ... 모든 수정 사항을 가지고 있다는 사실을 무시?를 미리 감사드립니다!

Answer 1

귀하의 경우 설정 여백 : 0px; 귀하의 이미지에 전혀 도움이되지 않습니다. 첫 번째 경우에 이미지의 여백이있는 이유는 body 요소의 기본 여백이 (내가 아는 한) 8px이기 때문입니다.

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

또는 음의 값으로 이미지의 여백을 설정합니다 :

여백을 제거하려면 당신은 그러므로 다음과 같이 몸의 마진을 제거하거나 있습니다.

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