이 게시물의 첫 번째 판으로 연결된 영구 링크입니다.
게시물 역사 문서에서 이후의 판을 볼 수 있습니다.
아 CSS 파트가 좀 더 복잡하군요.. hyphens 속성 외에 word-break, overflow-wrap 속성도 있습니다. 대략 보니까
- 무조건 단어가 한 덩어리로 붙어있게 하기: 기본 설정
- 줄이 바뀌는 지점에서 단어를 자르기: word-break: break-all; hyphens: none;
- 줄이 바뀌는 지점에서 단어를 자르고 하이픈 추가: word-break: break-all; hyphen: auto;
- 줄이 바뀌는 지점에서 단어를 음절 단위로 자르고 하이픈 추가: 원래대로라면 3번과 마찬가지로 word-break: break-all; hyphes: auto; 를 세팅하면 브라우저가 언어를 인식해서 사전 기반으로 해줘야 하는데 사전 기능이 약한듯
그래서 종합해보면 아래와 같이 했으면 좋겠습니다:
word-break: normal; hyphens: none;
이렇게 하면 영어는 1번, 한국어는 2번으로 표시될 것 같네요