[CSS3] 문장의 공백과 줄바꿈을 처리하는 white-space (자동 줄바꿈 방지)

white-space: normal;

기본값, 공백, 줄바꿈, 연속되는 여러개의 공백을 모두 하나의 공백으로 처리합니다. 또한 크기에 맞게 자동 줄바꿈 됩니다. 

 

white-space: nowrap;

normal과 같은 처리를 하지만, 자동 줄바꿈 되지 않습니다.

 

white-space: pre;

pre 태그처럼 줄바꿈 공백 연속공백이 그대로 보존됩니다. 그러나 줄바꿈한 곳에서만 줄바꿈이 일어나고 자동줄바꿈 되지 않습니다. 

 

white-space: pre-wrap;

줄바꿈 공백 연속공백이 보존되면서 크기에 따라 자동줄바꿈이 일어납니다.

 

white-space: pre-line;

연속된 공백은 하나의 공백으로 처리하고, 줄바꿈은 보존되며 크기에 맞게 자동 줄바꿈됩니다.