K

div 높이와 이미지 넣었을때 아래여백

· 2008-08-26 (화) 23:39:30 · 7010 · 6
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> 이런 방법도...
오늘 많이 알아가네요 ㅎㅎ

본문도 그렇지만 리플도 참 알차다는~
2009-05-01 (금) 17:33:19
좋은팁^^
2012-06-27 (수) 18:41:16
1년전부터 써왔는데요

현재 크로스 브라우징때문에 썻는데 ie6 ie7 에서 글올리신거 안먹히네용
<div style="position:relative; height:5px; overflow:hidden; clear:both;"></div>
이렇게해야 되네용
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

3,309건

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

+
제목 글쓴이 날짜 조회
08-09-01 조회 6,600
08-09-01 조회 3,815
08-09-01 조회 4,681
08-08-28 조회 2,910
08-08-26 조회 7,011
08-08-25 조회 5,077
08-08-25 조회 2,730
08-08-23 조회 5,612
08-08-22 조회 4,174
08-08-22 조회 6,032
08-08-19 조회 6,997
08-08-18 조회 1.7만
08-08-17 조회 1만
08-08-15 조회 2,753
08-08-11 조회 7,093
08-08-11 조회 2,879
08-08-08 조회 3,574
08-08-07 조회 3,421
08-08-05 조회 4,908
08-07-30 조회 2,974