탭메뉴 내용 이미지 크기 질문이용

탭메뉴 내용 이미지 크기 질문이용

QA

탭메뉴 내용 이미지 크기 질문이용

본문

탭메뉴에 내용을 넣을때 이미지를 넣었는데 크기가 커서그런지 정해진 영역을 벗어납니다!!

 

1028775886_1551147384.9596.png

 

이렇게요..

 

1028775886_1551147409.339.png

 

텍스트는 벗어나는 오류 없이 자동줄바꿈이 잘되는 상태입니다.

 

이미지가 영역안에만 있도록하려면 어떻게 해야할까요?

 


//style.css에서 탭메뉴 관련 코드입니다.


#container {
    width:70%;
    margin: 1%;
    text-align:left;
}
body{
    margin-top: 100px;
    line-height: 1.6
}

ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    border:1px solid #ddd;
}

ul.tabs li.current{
    background: #ffebf4;
    color: #ff000b;
}

.tab-content{
    display: none;
    background: #ffffff;
    padding: 15px;
    border:1px solid #ddd;

}

.tab-content.current{
    display: inherit;
    background: #ffebf4;
    border:1px solid #ddd;
}


이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 34
QA 내용 검색

회원로그인

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