텍스트 오버플로우 (1) 썸네일형 리스트형 word-break, overflow-wrap(word-wrap) 정리 - 텍스트 오버플로우 관리법1 1. 목적 텍스트가 컨테이너 박스의 바깥으로 빠져나오는 현상을 텍스트 오버플로우라고 부른다. 컨테이너에 고정된 width value를 줄 때 발생한다. 이 문제는 줄바꿈에 관한 2가지 css property인 word-break와 overflow-wrap으로 해결가능하다. (word-wrap은 overflow-wrap과 동의어이다.(mdn 참조) ) 이 글에서는 다루는건 이렇다 이 둘의 기본적인 기능 둘의 차이점 실전에서 사용하는 조합 방식. 2. word-break 텍스트 오버플로우가 발생할 시 자동으로 줄바꿈이 되는데, 이 때 줄바꿈을 위한 텍스트의 분절 규칙을 설정한다. 분절이란, 텍스트를 자르는 단위로 공백 분절과 음절 분절로 나눈다. 공백 분절은 공백을 기준으로 줄바꿈하는 방식이다. (공백과 하.. 이전 1 다음
