CSS - 고정 된 이미지 사이의 공백을 제거하는 방법

두 개의 고정 된 이미지가 줄 바꿈으로 구분되어 서로 겹쳐져 있습니다. 이미지를 서로의 위에 직접 놓기를 원하지만 Firefox에서는 이미지 사이에 간격이 있습니다. 그것은 IE7에서 작동합니다. 이 문제를 해결할 수있는 유일한 방법은 라인 높이를 변경하는 것입니다.CSS - 고정 된 이미지 사이의 공백을 제거하는 방법

<a href="image.jpg"> 
    <img height="75" width="75" src="image.jpg" /> 
</a> 
<br/> 
<a href="image2.jpg"> 
    <img height="75" width="75" src="image2.jpg" /> 
</a>

출처

2009-07-10 Chris B

상단 이미지의 하단에 CSS 속성 vertical-align을 배치하면 Firefox에서 간격이 제거됩니다.

출처

2009-07-10 20:27:16

아래쪽, 중간 또는 위쪽을 사용하여 밝혀졌습니다. 감사. –

내가 도울 수있어서 기뻐. 이상하게도 매번 2 분 동안 나를 괴롭힌다. –

편집 : 모든 이미지에 적용되는 한 하단, 중간 또는 위쪽이 작동합니다. 내가 너에 대한 의견을 편집 할 수 있으면 좋겠다. :) –

아마도 이미지를 display:block으로 설정하면 효과가 있습니다. 이미지는 기본적으로 텍스트와 인라인되어 있으므로 이미지에 아무 것도없는 경우에도 j, g 및 y와 같은 하위 항목의 맨 아래에 공간이 남습니다. 많은 브라우저가 이것을 설명하지만 비표준입니다. block으로 설정하면 모든 브라우저에서 이러한 불편 함을 제거해야합니다.

출처

2009-07-11 11:00:52 Eric

CSS - 고정 된 이미지 사이의 공백을 제거하는 방법

답변

관련 문제