[CSS] 텍스트 줄바꿈 속성 word-break

word-break

word-break :  글(text)이 길어질 때 줄바꿈을 어떻게 할지 지정하는 속성

word-wrap은 비아시아 언어의 줄바꿈을 제어한다면

word-break는 아시아, 비아시아 언어의 줄바꿈을 모두 제어할 수 있습니다.

 

word-break 속성값

normal: 기본값으로, 일반적인 규칙에 따라 줄바꿈 함

break-all: 문자를 강제로 줄바꿈 할 수 있음.

              아시아 언어(CJK)에서 사용할 때는 normal처럼 행동하며

              

              비 아시아 언어에 사용할 때는 임의대로 줄바꿈 할 수 있음.

keep-all: 문자 쌍 사이에서 줄바꿈이 금지
              비 아시아 언어에 사용될 때는 normal처럼 행동함.

※ width나 hieght값을 지정해야 한다.

ex) <div style="word-break:break-all;">