K

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;">


그누보드와는 상관없지만서도 ^^;;
|

댓글 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>
이렇게해야 되네용
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
17년 전 조회 3,973
17년 전 조회 3,105
17년 전 조회 3,512
17년 전 조회 1.1만
17년 전 조회 2,254
17년 전 조회 6,431
17년 전 조회 3,683
17년 전 조회 4,535
17년 전 조회 2,761
17년 전 조회 6,862
17년 전 조회 4,915
17년 전 조회 2,580
17년 전 조회 5,479
17년 전 조회 4,017
17년 전 조회 5,846
17년 전 조회 6,834
17년 전 조회 1.7만
17년 전 조회 1만
17년 전 조회 2,620
17년 전 조회 6,892
🐛 버그신고