채택완료

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

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

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

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

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

 

이미지 없을 때 

991190878_1578298313.0487.png

 

 

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

991190878_1578298319.1874.png

 

 

 

 

 

|

답변 4개 / 댓글 1개

채택된 답변
+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

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