[html/css] 이미지 강제 여백 및 이미지 링크 질문좀 드리겠습니다..
본문
이미지를 넣으면 강제 여백이 생깁니다.. 강제 여백이 생긴곳에 마우스를 갖다 대면 텍스트 아이콘 처럼 마우스 커서가 바뀌고요.
그래서 이미지 여백 없애는 방법은 다 써봤습니다.
border, margin, line-height, display 등 써도 먹히질 않네요 ..
더욱이 심한건 이미지에 a 링크를 다니 그 강제 여백이 생긴곳에 언더바(링크 줄 시 생기는)가 같이 생기네요
예를 들자면
ex) 이미지_ <-- 마우스 커서를 갖다대면 이런식으로 됩니다.
그래서 강제 언더바 없애도 봤는데 마찬가지네요 .. 이미지는 position:absolute 으로 위치 이동을 해놓긴 했지만 그거와는 관계가 없는것 같습니다.
이런 경우는 어떻게 해결하나요 ㅠ
답변 1
에디터에서 해당 증상이 생기시는건가요?
원래라면 부모 엘리먼트에 font-size:0; 을 적용하는게 좋습니다만..
float으로 적용하시는것도 하나의 방법이긴 한데 clear:both나 레이아웃 깨짐의 골아픈 문제가 많습니다.
답변을 작성하시기 전에 로그인 해주세요.