텍스트 토글 질문입니다

텍스트 토글 질문입니다

QA

텍스트 토글 질문입니다

답변 1

본문

안녕하세요! 

 

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; 를 넣어 보세요  높이를 오토로 잡을 경우 공간 지정이 잘되지 않아

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

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