테스트 사이트 - 개발 중인 베타 버전입니다

이미지 정렬 사이에 띔 없애는 법

뤼아 5년 전 조회 2,562

이미지 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개

5년 전

스타일을 준 것이 아니라면 줄바꿈없이 입력하세요

<a href="#"><img src="http://dandapt.cafe24.com/test/tenten_01.jpg"</a><a href="http://danonline~~~~

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
5년 전

해당 위치에 마우스커서 찍어 수정할 위치 파악 후,

https://homzzang.com/b/css-251">https://homzzang.com/b/css-251

 

아래 좌표들 공부하시면 스스로 해결 가능할 겁니다.

https://homzzang.com/b/css-256">https://homzzang.com/b/css-256

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

D
5년 전

img 에

display:block 또는 display:inline-block 을 선언하시면 해결됩니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

cuwaaang
5년 전

float left 한 div나 그위 div에 fontsize = 0 주셈

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

a 태그 및 img 태그에 마진이나 패딩값이 없다는 전제하에 아래코드를 적용하시면 해결되실것 같습니다.

img{border:0;}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인