[CSS] White-space

white-space는 공백을 어떻게 처리할지에 관한 속성입니다. 공백이란 띄어쓰기, 탭문자, 줄바꿈문자를 말합니다.

normal	기본 값입니다. 연속된 공백과 줄바꿈은 공백 1개로 대체됩니다.
nowrap	자동줄바꿈을 하지 않습니다. 연속된 공백과 줄바꿈은 공백 1개로 대체됩니다.
pre	자동줄바꿈을 하지 않습니다. 연속된 공백과 줄바꿈을 그대로 표현합니다.
pre-wrap	자동줄바꿈을 지원합니다. 나머지는 pre와 동일합니다.
pre-line	pre-wrap와 동일하지만, 연속된 공백을 공백 1개로 대체합니다.
break-spaces	pre-wrap와 동일하지만, 텍스트 맨끝에 연속된 공백이 있을 경우 차이가 발생합니다. pre-wrap는 텍스트 맨끝에 존재하는 연속된 공백을 그대로 보여주지만, 지정된 박스 너비를 넘기는 공백은 무시하거나 삭제해버립니다. break-spaces는 텍스트 맨끝에 존재하는 연속된 공백을 그대로 보여주며, 박스 너비를 넘어서는 경우 자동으로 줄바꿈하여 표현합니다. 이 속성은 TextArea나 HTML RICH TextEditor 개발에 유용한데, pre-wrap와 달리 맨끝의 공백을 잘라버리지 않고 그대로 출력하며 필요하면 자동으로 줄바꿈 해주기 때문입니다.