css관련 질문

http://jqui.kr/bbs/board.php?bo_table=bd_css&sca1=&sca2=&sca3=&sca=Bg

 

썸네일아래쪽에 3px정도 여백이 생기는데 원인을 알수가 없네요

접때도 이런적이 있었던거 같은데... 

|

댓글 16개

img {vertical-align:middle} 혹은
.thumb img {vertical-align:middle}
baseline 만 아니면 됩니다.
곰아워요 아래쪽은 해결됐어요
근데 정렬안시켰다고 여백이 생기다니 ㅜㅜ
첫번째게시물은 right에도 10px정도 여백이 있네요 돌아가시겠음
round_gray 이게시물을 말씀하시는건가요?
thumb 에 width:180px 추가하면 이미지 오른쪽 여백은 없어지긴 하지만.. 제목 길이 때문에 정렬이 틀어질거예요.
아아 고맙습니다 찾았네요
.thumb{height:120px } 추가해보세요.
질문은 질문게시판에... ㅠㅠ
검색해보면 찾는건데 질문도 하고 요런거 만들었다고 자랑질도 하고 글은쓰고 싶은데 딱히 쓸만한글도 없고 좀 복합적인글입니다 ㅡ.ㅡv
ㅎㅎㅎ
결론은 자랑글이군요. 배 아파...ㅠㅠ
지금은 눈에보이는 디자인만 작업해놓은건에 작업끝나고나면 전부 꽁으로 뿌릴겁니다
그 사이 딱 붙은 듯 하네요~ ㅎㅎ
아직 첫번째 썸네일 여백은 있어요
img 태그가 인라인 속성이다보니 텍스트처럼 인식하여 소문자 'y" 나 "g" 같이 텍스트 정렬 라인 아래쪽으로 그어지는 획을 보이게 하기 위해 하단 3px 여백이 들어갑니다. img 태그를 display:block으로 하시거나 세로정렬(vertical-align)을 middle이상으로 하시면 됩니다.
+1 img{ display:block}
댓글을 작성하시려면 로그인이 필요합니다. 로그인

자유게시판

+
제목 글쓴이 날짜 조회
11년 전 조회 1,450
11년 전 조회 1,956
11년 전 조회 2,175
11년 전 조회 1,088
11년 전 조회 1,481
11년 전 조회 1,151
11년 전 조회 1,562
11년 전 조회 1,775
11년 전 조회 1,540
11년 전 조회 1,674
11년 전 조회 1,304
11년 전 조회 1,385
11년 전 조회 3,100
11년 전 조회 2,556
11년 전 조회 1,854
11년 전 조회 1,643
11년 전 조회 1,314
11년 전 조회 1,866
11년 전 조회 1,234
11년 전 조회 1,178
11년 전 조회 1,491
11년 전 조회 1,156
11년 전 조회 1,186
11년 전 조회 1,311
11년 전 조회 1,782
11년 전 조회 1,219
11년 전 조회 1,960
11년 전 조회 1,431
11년 전 조회 1,631
11년 전 조회 3,211
🐛 버그신고