티스토리 뷰

Daylogs/HTML

img 태그 세로 정렬

ohgyun 2009. 5. 8. 16:08
발생일: 2009.05.08

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

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

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

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

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




반응형
댓글
공지사항