img 태그 세로 정렬

발생일: 2009.05.08

문제:
아래처럼 td 안에 img 태그를 넣었는데 태그간 공백으로 인해
테이블 사이즈가 늘어나고 정상적으로 정렬이 되지 않는다.

<td>
    <img src="a.gif"/>
    <img src="b.gif"/>
</td>

이미지 공백을 무시하고 싶다.

해결책:
img 의 css 속성에 vertical-align 을 top 으로 고정시켜 준다.
같은 상황에 대해 자세히 설명해 둔 블로그가 있다.

이와 비슷한 상황으로,
img 태그에 a 링크를 줬을 때 이미지 하단에 작게 공백이 생기는 경우가 있다.
이 때에는 display에 block 속성을 주면 된다. (모질라 커뮤니티의 글타래 참조)




카테고리

분류 전체보기 (711)
About me. (6)
Daylogs (676)
영어공부 (0)
My works - 추억 (29)
비공개 (0)