[CSS] white-space

요소 내부의 공백이 처리되는 방식을 설정한다. 그리고 속성은 다음 두 가지를 지정한다.

1. 공백 축소 여부 및 방법
2. 줄을 바꿈 여부

See the Pen [CSS] white-space by mill (@millfeel) on CodePen.

값	설명
normal (기본값)	연속 공백을 하나로 합침. 개행 문자도 다른 공백 문자와 동일하게 처리합니다. 한 줄이 너무 길어서 넘칠 경우 자동으로 줄을 바꿉니다.
nowrap	연속 공백을 하나로 합침. 줄 바꿈은 <br> 요소에서만 일어납니다.
pre	연속 공백 유지. 줄 바꿈은 개행 문자와 <br> 요소에서만 일어납니다.
pre-wrap	연속 공백 유지. 줄 바꿈은 개행 문자와 <br> 요소에서 일어나며, 한 줄이 너무 길어서 넘칠 경우 자동으로 줄을 바꿉니다.
pre-line	연속 공백을 하나로 합침. 줄바꿈은 개행 문자와 <br> 요소에서 일어나며, 한 줄이 너무 길어서 넘칠 경우 자동으로 줄을 바꿉니다.
break-spaces	다음 차이점을 제외하면 pre-wrap과 동일합니다. - 연속 공백이 줄의 끝에 위치하더라도 공간을 차지합니다. - 연속 공백의 중간과 끝에서도 자동으로 줄을 바꿀 수 있습니다. - 유지한 연속 공백은 pre-wrap과 달리 요소 바깥으로 넘치지 않으며, 공간도 차지하므로 박스의   본질 크기(min-content, max-content)에 영향을 줍니다.

---

[공부 좌표]

https://developer.mozilla.org/ko/docs/Web/CSS/white-space