span 안에 img 를 쓸때 img의 width 를 꽉 채우려면?

span 안에 img 를 쓸때 img의 width 를 꽉 채우려면?

QA

span 안에 img 를 쓸때 img의 width 를 꽉 채우려면?

본문

나른한 주말 저녁입니다.

 

css 질문 좀 드리려 합니다.

 

span의 width 가 300px이고 안에 img의 width가 200px 일때

여백 100px 이 남는데요. 이때 img의 width를 늘려 span 내에 꽉 차게 ㅎ면ㄴ

 

img의 크기가 span의 width에 맞게 늘려서 맞춰지게 하려면 어떻게 해야 할까요

 

<span style="width:100%;"><img src="abc.com/IMG.JPG" style="width:100%"></span>

 

 

이 질문에 댓글 쓰기 :

답변 3

span 은 인라인 태그로 width 값이 적용되지 않습니다.

 

<div style="display:inline-block;width:300px;">

<img src="이미지주소" style="width:100%;">

</div>

 

이렇게 하면 div 내부크기가 꽉 차게 img 가 나옵니다.

https://codepen.io/sinbi/pen/abxWeJV

ps. 이미지를 span으로 묶는 건 비추천.

답변을 작성하시기 전에 로그인 해주세요.
전체 2,086
QA 내용 검색
filter #css ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT