728x90
overflow-wrap: 오버플로우가 일어날 경우 줄바꿈 처리
word-break: keep-all(단어 단위로 줄바꿈이 일어남) 과 함께 overflow-wrap: break-word를 사용할 경우, 오버플로우가 일어났을 때 문자 단위로 줄바꿈이 생기도록 설정할 수 있다.
overflow-wrap: normal; // 기본값
overflow-wrap: break-wrap; // 오버플로우가 일어나면 단어를 문자로 쪼개서 줄 바꿈
단어 단위로 줄바꿈이 발생했을 때 어색하게 들쭉날쭉하던 문단의 끝을 정리할 수 있다.
'css' 카테고리의 다른 글
will-change (0) | 2022.03.24 |
---|---|
list-style-position (0) | 2022.03.24 |
user-select (0) | 2022.03.24 |
touch-action (0) | 2022.03.24 |
animation 반복과 반복 사이 delay (0) | 2022.03.11 |