[etc] DTD 선언된 페이지의 이미지 정렬 문제
  
 작성자 :
작성일 : 2015-04-21     조회 : 1,752  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd"> 와 같은 DTD 선언시 텍스트와 함께 사용되는 이미지가 아래로 치우치는 등의 문제가 생길 수 있습니다.
 
이런 경우 CSS 에 아래의 한 줄을 넣으시면 됩니다.
 
 img {vertical-align:middle;}
 
위와 같이 사용하는 경우 멀쩡했던 이미지의 위/아래 여백이 갑자기 생기는 문제가 발생할 수 있는데, 이 경우 해당 이미지를 감싸는 영역(td , div 등) 의 font-size 속성을 작게 지정해 주시면 해결됩니다.