div 높이와 이미지 넣었을때 아래여백 정보
div 높이와 이미지 넣었을때 아래여백
본문
div로 간격을 주고 싶은데 어느 일정간격이하로 줄어들 생각을 안한다.
그럴 땐 overflow:hidden 스타일을 주면된다.
<div style="height:5px; overflow:hidden;"></div>
<img src="이미지주소" border="0">
으로 소스도 갈끔하게 단독으로 넣고싶은데
이 이미지 아래에 원하지 않는 여백이 생긴다.
그래서 margin:0; padding:0 등등 별 짓을 다해도 안된다. ㅠㅠ
그럴 땐 vertical-align:top; 을 주면 된다.
<img src="이미지주소" border="0" style="vertical-align:top;">
그누보드와는 상관없지만서도 ^^;;
그럴 땐 overflow:hidden 스타일을 주면된다.
<div style="height:5px; overflow:hidden;"></div>
<img src="이미지주소" border="0">
으로 소스도 갈끔하게 단독으로 넣고싶은데
이 이미지 아래에 원하지 않는 여백이 생긴다.
그래서 margin:0; padding:0 등등 별 짓을 다해도 안된다. ㅠㅠ
그럴 땐 vertical-align:top; 을 주면 된다.
<img src="이미지주소" border="0" style="vertical-align:top;">
그누보드와는 상관없지만서도 ^^;;
추천
0
0
댓글 6개
<div style="height:1px; font-size:0px;"></div>
vertical-align 은..... DTD 선언하면 적용이 안될텐데요.....
유아원님 처럼 하시면 됩니다~
유아원님 처럼 하시면 됩니다~
<div style="height:1px;"><!-- --></div> 이런 방법도...
오늘 많이 알아가네요 ㅎㅎ
본문도 그렇지만 리플도 참 알차다는~
본문도 그렇지만 리플도 참 알차다는~
좋은팁^^
1년전부터 써왔는데요
현재 크로스 브라우징때문에 썻는데 ie6 ie7 에서 글올리신거 안먹히네용
<div style="position:relative; height:5px; overflow:hidden; clear:both;"></div>
이렇게해야 되네용
현재 크로스 브라우징때문에 썻는데 ie6 ie7 에서 글올리신거 안먹히네용
<div style="position:relative; height:5px; overflow:hidden; clear:both;"></div>
이렇게해야 되네용
