버튼 중앙으로 옮기기 채택완료
더보기 펼치기 버튼을 구현한 내용입니다.(인터넷에서 퍼온 것입니다) 잘 작동하는데, 더보기(닫기) 버튼이 죄측에 있어서요, 이거를 중앙으로 위치시키려고 하는데요, 여러가지 방법을 시도해보았으나 잘 되지 않아서 문의드립니다 버튼 중앙 위치 방법 알려주시면 감사하겠습니다^^ 고수님께 고맙습니다^^
https://johogun.com/test10.html 참조페이지입니다
테스트입니다
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis esse fugit nihil earum aut nobis, praesentium illum expedita quia, mollitia possimus sed, numquam et velit aspernatur tenetur vero doloremque ipsum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero corporis sunt suscipit beatae rerum exercitationem aliquam architecto? Aspernatur ex in cum suscipit iusto repudiandae dolores hic, rerum, quae voluptatem quidem.
답변 1개
아래와 같이 html + css 변경해주세요
</p>
<p><div class="card-content__more"></p>
<p> <input type="checkbox" class="card-content__more-btn"></p>
<p></div></p>
<p>
</p>
<p>.card-content__more{justify-content: center; display:flex;}</p>
<p>답변에 대한 댓글 5개
<script>
document.querySelector('.card-content__more-btn').addEventListener('change', function () {
var description = document.querySelector('.card-description');
if (this.checked) {
description.style.display = '-webkit-box';
description.style.webkitLineClamp = 'unset';
} else {
description.style.display = '-webkit-box';
description.style.webkitLineClamp = '3';
}
});
</script>
위 처럼 샘플 예제 코드가 있다면 저뿐만 아니라 많은 분들이 도와주실꺼에요
행복한 하루 보내세요!!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
