word-break: keep-all 로 단어 사이에서 줄바꿈
하지만 일본어와 같이 단어 사이에 띄어쓰기가 없는 경우 줄이 바뀌지 않고 영역을 넘어 쭉 이어진다..
word-wrap: break-word를 추가해도 변함 없음....
설마 했는데 width값을 설정하니 해결되었다.
width: 100%;
word-break: keep-all;
word-wrap: break-word;
wit.nts-corp.com/2017/07/25/4675
word-break 속성과 word-wrap 속성 알아보기
실무를 하다 보면 가볍게 이해한 스펙을 바탕으로 관습적으로 사용하는 속성들이 있다. 그중 word-break 속성과 word-wrap 속성에 대해 조금 더 명확하게 정리해보았다. 본 내용은 W3C 스펙문서에서 제
wit.nts-corp.com
'css' 카테고리의 다른 글
| [sass] max, min 사용하기 (0) | 2020.11.16 |
|---|---|
| input 자동완성 css 수정 (0) | 2020.11.12 |
| flex input width auto (0) | 2020.11.09 |
| [css] min() / max() (0) | 2020.11.04 |
| image-set (0) | 2020.10.27 |
댓글