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

좋은사람우유

6년 전 4,161

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

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

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

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

이미지 없을 때

991190878_1578298313.0487.png

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

991190878_1578298319.1874.png

css 테두리 이미지

채택된 답변

+20 포인트

비펫3

6년 전

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

아래처럼 해보세요.

Copy

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

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

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

좋은사람우유

6년 전

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

devdev

6년 전

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

퍼블리규

6년 전

img { border:none; }

sinbi

6년 전

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

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