"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > CSS 만 사용하여 텍스트 상자 높이를 동적으로 조정 하시겠습니까?

CSS 만 사용하여 텍스트 상자 높이를 동적으로 조정 하시겠습니까?

2025-04-16에 게시되었습니다
검색:141

Can You Dynamically Adjust Textarea Height with Just CSS?

솔루션이 있습니까 :

예, CSS를 사용하여 동적 텍스토리 높이를 달성 할 수 있습니다.

초기 높이를 자동으로 설정하십시오 :

TextRea가 필요에 따라 성장하거나 수축 할 수 있도록 초기 높이를 자동으로 설정하고 초기 높이를 "자동"으로 설정하도록 설정하십시오. 높이 : 자동; }

  1. 'OnInput'이벤트를 사용합니다 :
텍스트의 높이를 동적으로 조정하려면 'OnInput'이벤트 핸들러를 첨부하기 :
textarea {
  height: auto;
}
높이를 먼저 재설정 :
  1. 진정한 높이를 계산합니다 : 스크롤 된 컨텐츠를 기반으로 텍스트의 진정한 높이를 결정하고 '높이'속성에 픽셀로 추가합니다. JavaScript 또는 php.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3