줄바꿈

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

▲ 보통 메모장으로 간단한 문서를 열게되면 위와 같이 좌ㆍ우, 위ㆍ아래로 줄바꾸기가 안되서 긴 바가 나타납니다.위ㆍ아래야 그렇다쳐도 좌ㆍ우는 짜증나는 부분이죠. 예전엔 보기좋게 일일이 칸넘어가는 부분에서 엔터키를 쳐서 줄바꿔주기를 했었습니다. 그런데, 간단한 팁하나로 이런 불편함이 없앨수 있습니다..역시 머리가 나쁘면 몸이 고생한다고하는 말이 딱 들어맞네요. ▲ 서식→자동 줄바꿈(W)을 선택하면 좌우로 자동 줄바꿈이 실행됩니다. 줄 바꾸기를 선택하면 메모장에서 좌우로 창 크기를 넘어가는 부분에선 자동으로 줄 바꾸기가 됩니다.아래부분에 바가 안보이죠? 이렇게 옵션을 설정해 놓으니 편하네요. ▲ 추가로 파이어폭스의 소스보기 부분도 메모장과 비슷한 자동 줄바꾸기를 할수있습니다. 위 그림과같이 보기 -> 긴 행..