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

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

QA

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

답변 1

본문

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

 

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;
}


이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 34
© SIRSOFT
현재 페이지 제일 처음으로