블로그에서 포스팅을 하며 PC와 모바일 화면으로 글을 확인하던 도중 이상한 점을 발견했다. 줄바꿈 관련 문제인데, 우선 CSS에서 줄바꿈 속성 설정은 word-break 코드를 사용했다. word-break 코드는 normal, break-all, keep-all 이렇게 세 가지의 속성을 설정할 수 있다. normal로 설정한 경우에는 한글은 띄어쓰기를 무시하고 한 글자 단위로, 영어는 한 단어 단위(띄어쓰기 단위)로 글이 잘리고, break-all로 설정한 경우에는 한글과 영어 모두 띄어쓰기를 무시하고 한 글자 단위로 잘리며, 반대로 keep-all로 설정한 경우는 모든 언어에서 한 단어 단위(띄어쓰기 단위)로 글이 잘리며 줄바꿈된다. 위 캡처는 내 블로그의 CSS편집 화면이다. 블로그 글의 본문은 모..
