white-space는 스페이스와 탭, 줄바꿈, 자동줄바꿈을 어떻게 처리할지 정하는 속성입니다.
*기본값 : normal
initial : 기본값으로 설정합니다.
inherit : 부모 요소의 속성값을 상속받습니다.
white-space:normal;
연속된 공백은 하나의 공백으로 채워집니다. 가로의 오른쪽 끝에 닿으면 자동으로 줄 바꿈 합니다
white-space:nowrap;
공백을 채우지만 가로 폭의 오른쪽 끝에서 줄 바꿈을 하지않고 박스 벗어나 표시됩니다.
white-space:pre;
연속된 공백을 그대로 표시합니다. 또한 긴 줄은 폭이 오른쪽에서 줄 바꿈을 하지 않아 박스에서 벗어나 표시됩니다.
white-space:pre-wrap;
연속된 공백은 그대로 유지됩니다. 행의 줄 바꿈은 행의 박스를 메꾸기 위해 필요한 때에(박스 안에서 줄바꿈됨) 실행됩니다.
white-space:pre-line;
연속된 공백은 하나에 공백으로 표시됩니다. 행의 줄 바꿈은 행의 박스를 메꾸기 위해 필요한 때에(박스 안에서 줄바꿈됨) 실행됩니다.
소정의 UX/UI 공부 기록