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,985
17년 전 조회 3,118
17년 전 조회 3,538
17년 전 조회 1.1만
17년 전 조회 2,273
17년 전 조회 6,457
17년 전 조회 3,694
17년 전 조회 4,556
17년 전 조회 2,779
17년 전 조회 6,884
17년 전 조회 4,930
17년 전 조회 2,592
17년 전 조회 5,497
17년 전 조회 4,036
17년 전 조회 5,863
17년 전 조회 6,850
17년 전 조회 1.7만
17년 전 조회 1만
17년 전 조회 2,632
17년 전 조회 6,917