줄바꿈

TL;DR박스 영역을 벗어나거나, 불필요한 공백이 생기는 등 대부분의 줄바꿈 문제는 아래 두 속성으로 해결할 수 있다.word-break: break-all; /* 음절(글자)를 기준으로 줄바꿈 */word-wrap: break-word; /* 영역을 넘친 단어 분리(줄바꿈) */ word-break💡 줄바꿈할 중단점의 기준을 바꿀 수 있는 속성 word-break 속성은 글자를 어떻게 분리해서 줄바꿈할지 결정하는 속성이다. CJK는 음절(글자), non-CJK는 공백과 - 하이픈이 기본 중단점이다. word-break 속성으로 줄바꿈할 중단점의 기준을 바꿀 수 있다. 아래는 언어별 속성 값에 따라 달라지는 중단점을 정리한 표 — WIT 블로그 참고   normal (기본값)break-allkeep-a..

보통 메모장으로 간단한 문서를 열면 아래처럼 좌·우, 위·아래로 줄 바꾸기가 안 돼서 스크롤바가 나타납니다. 위·아래야 그렇다 쳐도 좌·우... 는 은근히 불편하죠. 예전엔 보기 좋으라고 일일이 칸 넘어가는 곳에 엔터키로 줄 바꿈을 했었습니다. 그런데, 간단한 팁하나로 이런 불편함을 없앨 수 있습니다. 역시 머리가 나쁘면 몸이 고생한다고 하는 말이 딱 들어맞네요. 메모장 상단 [서식] > [자동 줄 바꿈] 항목에 체크합니다. 그럼 메모장 창 크기를 넘어가는 부분이 자동 줄 바꿈 됩니다. 창 하단에 더 이상 스크롤바가 안보이죠? 이렇게 옵션을 설정해 놓으니 편하네요. 추가로 파이어폭스의 소스보기도 메모장과 비슷한 자동 줄 바꾸기를 할 수 있습니다. 아래 이미지처럼 [보기] > [긴 행을 한 화면 내에 표시..