[CSS] div태그 white-space로 줄바꿈 처리하기.

[CSS] div태그 white-space로 줄바꿈 처리하기.

안녕하세요. 이번 포스팅에서는 white-space를 이용해 div에서 줄바꿈 처리하는 방법에 대해 알아보겠습니다.

white-space에 사용할 수 있는 값은 다음과 같습니다.

• normal : HTML의 기본 값이다. 여러개의 공백은 하나로 표시되고, \n은 무시되며 긴 행은 필요시에 Wrap 된다.
• nowrap : normal과 같은데, 긴행이 wrap되지 않는다. 글을 포함한 컨테이너를 넘어서 표시된다.
• pre : 여러개의 공백과 개행문자가 모두 표현된다. 긴행은 개행문자에서만 개항이 되고, wrap되지 않는다.
• pre-line : 여러개의 공백은 하나로 표시되고, 긴 행은 필요시 wrap된다. 개행 문자를 만나도 개행된다.
• pre-wrap : 여러개의 공백과 개행문자가 모두 보존된다. 개행문자외 에서도 필요시 wrap된다.