[CSS]white-space

normal[기본값]

여러개의 공백 중 1개만 표시.

글이 길어지면 텍스트가 자동 줄바꿈(wrap)

nowrap

공백을 여러개 넣어도 1개만 표시.

텍스트가 길어도 줄바꿈 되지 않고 한 줄로 계속 표시

pre

공백을 코드에 있는 그대로 표시.

<pre>태그와 동일한 기능 코드에 줄바꿈이 없다면 줄바꿈이 되지 않음

pre-wrap

공백을 코드에 있는 그대로 표시함

코드에 줄바꿈이 없어도 자동 줄바꿈이 됨

pre-line

공백을 여러개 넣어도 1개만 표시.

코드에 줄바꿈이 없어도 자동 줄바꿈이 되며, 코드에 줄바꿈이 있을때는 그대로 

HTML 코딩을 하면서 <pre></pre> 태그를 사용할때 고정 width를 지정하지 않을 경우 혼자 레이아웃을

때려부수고 튀어 나갈때가 있는데 그럴땐 pre 태그에 white-space 스타일을 pre-wrap이나 pre-line을 주면 줄바꿈을 시켜주어

레이아웃이 깨지지 않고 자연스럽게 출력할 수 있다