SIR
목록으로
이전글 다음글

이미지가 테두리를 가리는데 어떻게하면 될까요? 채택완료

좋좋은사람우유
프로필 보기이 회원 글보기이 회원의 댓글보기
 6년 전 조회 4,110
답변 4
목록

이미지가 테두리를 가리네요..

이미지가 없으면 테두리가 2px로 정상적으로 나오는데

이미지가 있으면 이미지 때문에 위에는 얇고 아래는 굵고 조금 부자연스럽게 나오네요..

이걸 해결할 방법이 없을까요??

이미지 없을 때 

991190878_1578298313.0487.png

이미지 있을 때 (화면상 이미지는 이미지 첨부가 없을 때 나오는 이미지 에요)

991190878_1578298319.1874.png

#css #테두리 #이미지

답변 4개

채택된 답변
+20 포인트

이미가 가로폭이나 세로 높이가 문제가 될수는 있을꺼에요

아래처럼 해보세요.

Copy 
<style> [imgself] { box-sizing:border-box; width:100%; } </style>

<div container><img src='url' imgself></div>

box-sizing:border-box 속성은 보더를 포함한 크기로 디스플레이 하게 해줍니다.

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

답변에 대한 댓글 1개

덕분에 해결하였습니다 감사합니다!

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

이미지를 감싼 객체에  css overflow:hidden 을 주세요.

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

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

img { border:none; }

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

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

이미지 크기 (width height 속성)를 줄이거나 위치조정 (positon 속성) 해 보세요.

https://homzzang.com/b/css

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

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

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

로그인
🐛 버그신고