HTML 이미지 태그가 여백 또는 패딩이있는 것 같습니다.

현재 저는 새로운 porfolio 웹 사이트 개발 작업을하고 있습니다. 이제는 개발 단계에 있으며 문제가 발생하기 시작했습니다. 모든 이미지 태그 하단에 작은 여백 또는 패딩이 4px로 정확하게 표시됩니다. 모든 여백과 패딩을 0으로 두었지만 해결되지 않았습니다. 어떻게 해결할 수 있을까요?HTML 이미지 태그가 여백 또는 패딩이있는 것 같습니다.

나는 당신에게서 듣기를 좋아합니다.

출처

2013-02-13 Caspert

http://jsfiddle.net/JgA5F/2/ 당신이'시도 IMG {패딩이 : 여기

은 예입니다 0; margin : 0;}'css? 몇 가지 코드를 보여줄 수 있습니까? –

링크가 있습니까? 또는 일부 코드? –

특정 브라우저를 사용하고 있는지 알려줄 수 있습니까? 상위 컨테이너의 마진을 확인 했습니까? – ultraklon

이미지는 일반적으로 텍스트의 기준선과 수직으로 정렬되어 하단에 약간의 간격이 생깁니다. vertical-align: middle 또는 vertical-align: top을 사용하면이 문제가 해결됩니다.

출처

2013-02-13 21:01:48 zzzzBov

고맙습니다. 이렇게하면 내 문제가 해결됩니다. 최상위 또는 중간의 가장 좋은 것은 무엇이며 모든 img 태그를 설정하는 데 적합합니까? 아니면 적용해야하는 이미지에만 조언을 제공해야합니까? @zzzzBov – Caspert

"최고"는 이미지 사용 방법에 따라 다릅니다. 예에서 알 수 있듯이 텍스트는 선택한 것과 일치합니다. 나는 'vertical-align : top'을 세계적으로 사용하는 경향이 있지만 이미지를 가운데 정렬하고 싶을 때가 있습니다 (링크의 아이콘과 매우 유사합니다). – zzzzBov

HTML 이미지 태그가 여백 또는 패딩이있는 것 같습니다.

답변

관련 문제