break-word
-
단어 줄바꿈 CSS. word-breakCSS 2021. 1. 20. 07:00
word-break의 값으로 normal, keep-all, break-all이 올 수 있다. 언어별로 normal과 keep-all의 결과가 다르다. 우선 셋의 값은 상자에 비해 줄이 길때 단어들을 다음문장으로 내려보내는데 차이가 있다. break-all은 단어형태를 잘게 부순다. 가장 작은 단위의 문자를 내려보내다 보니 상자크기를 다채우는 편이라 break-all은 깔끔한 디자인을 할 수 있다. keep-all은 단어형태를 지킨다. 심지어 하이픈으로 연결된 단어도 말이다. 그래서 단어 통째로 내려보내기 때문에 break-all에 비해 우측이 가득 차있지 않아 들쑥날쑥하지만, 단어의 의미를 잃지않아 의미전달에 있어서 중요할땐 가독성이 높은 keep-all이 좋다. normal은 기본값인데 한국어는 기본..