HTML의 사전 및 텍스트 영역은 미리 서식이 지정된 텍스트를 표시할 수 있습니다. 즉, 공백과 줄 바꿈을 유지합니다. 줄 바꿈 및 인쇄 공백을 추가하기 위해 <br> 및 와 같은 HTML 요소를 추가할 필요가 없습니다.
스크롤바 미리 제거텍스트 내용을 미리 표시하면 자동으로 줄바꿈되지 않습니다. 이 문제를 해결하려면 CSS를 추가하면 됩니다.
<pre>ourjs는 매우 매우 매우 매우 매우 매우 매우 매우 매우 매우 로그된 내용입니다.</pre>pre { word-wrap: break-word: pre-wrap; ; 배경색: #f5f5f5; 테두리: 1px 단색 #ccc;}Textarea는 높이를 콘텐츠 높이에 맞춰 조정합니다.
Textarea는 prev와 같은 콘텐츠 형식을 유지할 수도 있지만 요소의 높이는 고정되어 있으며 CSS로 조정할 수 없습니다. 이때 scrollHeight 속성을 사용할 수 있습니다.
var textarea = document.getElementsByTagName('textarea')[0];textarea.setAttribute('style','height:'+(textarea.scrollHeight + 12)+'px');여기에 12px 패딩이 추가됩니다.
요약위의 내용은 pre 및 textarea와 같은 HTML 요소가 스크롤 막대를 제거하고 텍스트 내용을 자동으로 줄바꿈하고 텍스트 높이에 맞게 조정하는 방법을 소개하는 내용입니다. 질문이 있으시면 메시지를 남겨주세요. 편집자가 즉시 모든 사람에게 답변해 드릴 것입니다. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!
이 글이 도움이 되셨다면 재인쇄하셔도 좋고, 출처를 밝혀주시면 감사하겠습니다!