overflow-wrap

overflow-wrap: 오버플로우가 일어날 경우 줄바꿈 처리

 

word-break: keep-all(단어 단위로 줄바꿈이 일어남) 과 함께 overflow-wrap: break-word를 사용할 경우, 오버플로우가 일어났을 때 문자 단위로 줄바꿈이 생기도록 설정할 수 있다.

 

overflow-wrap: normal; // 기본값
overflow-wrap: break-wrap; // 오버플로우가 일어나면 단어를 문자로 쪼개서 줄 바꿈

 

단어 단위로 줄바꿈이 발생했을 때 어색하게 들쭉날쭉하던 문단의 끝을 정리할 수 있다.