2008년 9월 20일 토요일

[CSS]li 에서 이미지와 이미지 사이에 여백이 생기는 문제

<ul>
<li><img src="이미지경로" alt="" /></li>
</ul>


위와 같이 했을경우 가끔 이미지와 이미지 사이에 여백이 생기는 경우가 있습니다.

 



ul li img {display: block;}


이런식으로 display:block; 를 추가해 주시면 됩니다.

위 방법으로 안될경우

 

li img {vertical-align:top;

 

이렇게 해보시면 됩니다.

댓글 2개:

  1. 비밀 댓글 입니다.

    답글삭제
  2. @Anonymous - 2009/06/02 09:48
    소스상의 줄바꿈으로 이미지에 여백이 생기는 문제는 위에 있는 팁으로 해결이 되지는 않습니다.^^

    답글삭제