[CSS] 텍스트 줄바꿈 처리 word-break, white-space

글보기 페이지에서 사용자가 에디터로 작성한 글을 뿌려줄 때,

줄바꿈 관련해서 이슈가 많을 것이다.

사용자의 엔터를 인식하여 뷰화면에 적용하고자 할때,

DB에서 엔터부분을 <br> 태그로 변환하여 뿌려주기도 하지만,

단순하게 html에서 뷰 영역을 <pre>태그(또는 white-space 속성의 pre)를 사용할 수도 있다.

white-space

inherit	상속 받는 것
normal	default
nowrap	줄바꿈을 하지 않는다
pre	<pre>태그와 같은 기능. 마크업에서 앤터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다
pre-line	마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다
pre-wrap	pre-line 과 비슷하고, space 여백까지 줄바꿈이 된다