텍스트 토글 질문입니다

텍스트 토글 질문입니다

QA

텍스트 토글 질문입니다

본문

안녕하세요! 

 

1893616882_1575015989.1284.png

텍스트 토글 질문입니다.

사진을 보면 내용을 펼치기 전에 시클로덱스트린,스테아린산마그네슘만 보이게 해놨습니다.

그리고 펼치기를 누르면 숨겨져 있는 텍스트가 나오게 했는데 div의 높이를 텍스트가 뛰어 넘어버리네요.... 텍스트의 양과 동일하게 div가 늘어나게 하는 방법을 알고 싶습니다!

 

 

html 코드

1893616882_1575016230.3601.png

 

css 코드

1893616882_1575016263.7449.png

 

 

 

스크립트 코드

1893616882_1575016186.9879.png

 

 

 

이 질문에 댓글 쓰기 :

답변 1

.info__detail.active{display:inline-block; height:auto; 여타 css소스 }

위와 같이 display:inline-block; 를 넣어 보세요  높이를 오토로 잡을 경우 공간 지정이 잘되지 않아

내용이 넘쳐서 표기될 때가 있습니다 

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

회원로그인

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