개발자

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

2023년 03월 10일조회 176

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

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

유재영님의 프로필 사진

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

profile picture

익명

작성자

2023년 03월 14일

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

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

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

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

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