[css] word-break

🐕🦵개발/⬅️frontend

우리집강아지깜순이 2023. 1. 13. 22:08

영어의 경우 단어단위로 줄바꿈이 되는 것을 알 수가 있는데, 한글의 경우는 단어단위가 아닌 글자단위로 줄바꿈이 되고 있다.

이때 word-break를 keep-all로 넣어주면

한글도 영어처럼 단어단위로 줄바꿈 되는것을 확인할 수가 있다.

더 자세한 사항은 아래를 참조하면 좋다.

word-break - CSS: Cascading Style Sheets | MDN

CSS word-break 속성은 텍스트가 자신의 콘텐츠 박스 밖으로 오버플로 할 때 줄을 바꿀 지 지정합니다.

developer.mozilla.org