word-break 으로 문장 줄바꿈 하기

1. word-break?

문장 줄바꿈에 사용되는 속성으로 단어 또는 글자 단위로 줄바꿈 할 수 있다.  

 

2. word-break 속성 

[word-break: normal]

기본값으로 한글, 한자, 일본어는 글자 단위로 줄바꿈 되고 영어는 단어 단위로 줄 바꿈 된다.   

 

[word-break: break-all]

글자 단위로 강제 줄바꿈 된다.

 

[word-break: keep-all]

단어 단위로 강제 줄바꿈 된다.

 

3. 적용 예시 

word-break 적용

word-break: break-all은 글자 단위로 줄바꿈이 되기 때문에 텍스트 박스 영역을 최대한 채울 수 있어 많은 내용을 넣어야 할 경우에 사용하면 좋을 것 같고 word-break: keep-all은 단어 단위로 줄바꿈이 되기 때문에 텍스트를 읽기 편하다. 그래서 가독성을 높여야 하는 경우에 사용하면 좋을 거 같다.