HTML에서는 줄 바꿈 속성을 사용하여 텍스트 영역을 줄 바꿈 없이 표시하도록 설정할 수 있습니다. 이 속성의 기능은 속성 값이 제출될 때 텍스트 영역의 텍스트가 줄 바꿈되는 방식을 지정하는 것입니다. "off"로 설정하면 텍스트가 줄바꿈 없이 표시되며 구문은 "
이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.
html 줄바꿈 없이 표시할 텍스트 영역을 설정하는 방법
wrap 속성은 양식이 제출될 때 텍스트 영역의 텍스트가 어떻게 줄바꿈되는지 지정합니다.
wrap 속성은 HTML5의
구문은 다음과 같습니다.
<textarea wrap="soft|hard">
위치:
soft 기본적으로 요소의 최대 너비에 도달하면 줄 바꿈이 표시되지만 줄 바꿈이 자동으로 삽입되지 않습니다. 즉, 줄이 없습니다. 양식을 제출할 때 중단됩니다.
hard 텍스트가 요소의 최대 너비에 도달하면 브라우저가 자동으로 줄바꿈(CR+LF)을 삽입합니다. 즉, 양식을 제출하면 개행 문자도 제출됩니다. "hard"를 사용하는 경우 cols 속성을 지정해야 합니다.
예제는 다음과 같습니다.
<html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <textarea rows="10" cols="30" wrap="off"> 我是一个文本框。我是一个文本框。我是一个文本框。我是一个文本框。我是一个文本框。 </textarea> </body> </html>
출력 결과:
추천 튜토리얼: "html video tutorial"
위 내용은 줄 바꿈을 표시하지 않도록 html에서 텍스트 영역을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
