공백이 아닌 특정 문자에서 단어를 분리하는 CSS 전용 방법이 있습니까?

Question

단어(예: THIS_PHRASE_HERE)가 그 안에 있는 div(고정 너비)를 오버플로하는 경우 밑줄로 분할하고 싶습니다. word-break:break-all을 사용하여 임의의 문자에서 단어를 분할할 수 있다는 것을 알고 있지만, 특히 끝에 1~2개의 문자 고아가 있는 경우에는 다소 혼란스러워 보입니다. JS로 이 작업을 수행할 수 있다고 확신하지만 word-break: "_"와 같이 CSS에서만 수행할 수 있는 방법이 있는지 궁금합니다.

P粉663883862 · Answer

CSS만 사용하여 이 작업을 수행할 수 있는 방법은 없습니다. word-break 속성에는 해당 옵션이 없습니다.
HTML 태그 wbr>를 사용하여 브라우저가 줄 바꿈을 선택할 수 있는 작업 중단 기회를 추가할 수 있습니다.