textarea로 입력받은 문자를 조회하는데 줄 바꿈이 하나도 적용되지 않아 있었다.
이때 CSS의 white-space라는 속성을 사용하면 공백이나 줄 바꿈에 대한 설정을 바꿔줄 수 있다.
Syntax
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;Values
normal
- 연속된 공백은 하나로 축소
- 개행 문자를 공백과 동일하게 처리
- 줄이 길어 넘칠 경우 자동 줄바꿈
nowrap
- 연속된 공백은 하나로 축소
- 줄바꿈은
<br>요소로만 일어남
pre
- 연속된 공백 유지
- 줄바꿈은 개행 문자와
<br>요소로만 일어남
pre-wrap
- 연속된 공백 유지
- 줄바꿈은 개행 문자와
<br>요소로만 일어남 - 줄이 길어 넘칠 경우 자동 줄바꿈
pre-line
- 연속된 공백은 하나로 축소
- 줄바꿈은 개행 문자와
<br>요소로만 일어남 - 줄이 길어 넘칠 경우 자동 줄바꿈
