이미지 정렬 사이에 띔 없애는 법
본문
이미지 3개를 슬라이스를 해서 이어붙였습니다.
이미지 사이사이에 저렇게 뜸이 생기는데 없앨 수 있는 방법 있을까요??
코드는 이렇게 입력하였습니다
<div style="float:left;;">
<a href="#"><img src="http://dandapt.cafe24.com/test/tenten_01.jpg"</a>
<a href="http://danonline.kr/member/join.html" target="_blank"><img src="http://dandapt.cafe24.com/test/tenten_02.jpg"</a>
<a href="http://danonline.kr/member/join.html" target="_blank"><img src="http://dandapt.cafe24.com/test/tenten_03.jpg"</a>
답변 5
스타일을 준 것이 아니라면 줄바꿈없이 입력하세요
<a href="#"><img src="http://dandapt.cafe24.com/test/tenten_01.jpg"</a><a href="http://danonline~~~~
a 태그 및 img 태그에 마진이나 패딩값이 없다는 전제하에 아래코드를 적용하시면 해결되실것 같습니다.
img{border:0;} float left 한 div나 그위 div에 fontsize = 0 주셈
img 에
display:block 또는 display:inline-block 을 선언하시면 해결됩니다
해당 위치에 마우스커서 찍어 수정할 위치 파악 후,
https://homzzang.com/b/css-251
아래 좌표들 공부하시면 스스로 해결 가능할 겁니다.
https://homzzang.com/b/css-256
