css관련 질문 정보
css관련 질문
본문
http://jqui.kr/bbs/board.php?bo_table=bd_css&sca1=&sca2=&sca3=&sca=Bg
썸네일아래쪽에 3px정도 여백이 생기는데 원인을 알수가 없네요
접때도 이런적이 있었던거 같은데...
추천
0
0
댓글 16개
img {vertical-align:middle} 혹은
.thumb img {vertical-align:middle}
baseline 만 아니면 됩니다.
.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}
