CSS) 띄어쓰기 없이 긴 한글 텍스트의 오버플로우 문제

조회 96

profile picture

익명

3월 10일

안녕하세요. 텍스트가 길어질 때 단어 단위로 줄바꿈을 해주고 싶습니다. CJK의 경우 word-break: keep-all; 을 쓰면 된다고 알고 있어서 적용해 봤는데 문제는 한글 텍스트가 띄어쓰기 없이 길~어질 경우에는 텍스트가 박스를 튀어나가는 오버플로우가 발생하더라고요.. word-break: break-all; 을 쓰면 오버플로우 문제는 해결되지만 가독성을 위해서는 단어 단위 줄바꿈이 좋다고 들어서요. 단어 단위 줄바꿈을 유지하면서, 띄어쓰기 없어도 오버플로우가 발생하지 않는 방법은 없을까요.?

구체적이고 정성스러운 질문에 Up 투표를 눌러주세요.

설명이 부족한 질문에 Down 투표를 눌러주세요. 커리어리가 질문자에게 수정을 요청할게요.

답변 1

유재영</>님의 프로필 사진

white-space 속성값이랑 같이 조절해보는건 어떨까요 https://www.tabmode.com/homepage/white-space.html

profile picture

익명

작성자

3월 14일

넵 시도해 보겠습니다! 감사합니다!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직 개발자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직 개발자들의 명쾌한 답변을 얻을 수 있어요.