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

 

white-space: normal;

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

 

 

white-space: nowrap;

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

 

 

white-space: pre;

pre 태그처럼

줄바꿈 공백 연속공백이 그대로 보존된다.

그러나 줄바꿈한 곳에서만 줄바꿈이 일어나고 자동줄바꿈 되지 않는다. 

 

 

white-space: pre-wrap;

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

 

 

white-space: pre-line;

연속된 공백은 하나의 공백으로 처리하고, 줄바꿈은 보존된다.

또한 크기에 맞게 자동 줄바꿈된다.

 

 

 

 

 

 

 

[CSS/CSS 응용] - [CSS]한줄로 길게 늘어트리기 (가로로 스크롤 되도록)