티스토리 뷰
반응형
영어의 경우 단어단위로 줄바꿈이 되는 것을 알 수가 있는데, 한글의 경우는 단어단위가 아닌 글자단위로 줄바꿈이 되고 있다.
이때 word-break를 keep-all로 넣어주면
한글도 영어처럼 단어단위로 줄바꿈 되는것을 확인할 수가 있다.
더 자세한 사항은 아래를 참조하면 좋다.
https://developer.mozilla.org/ko/docs/Web/CSS/word-break
word-break - CSS: Cascading Style Sheets | MDN
CSS word-break 속성은 텍스트가 자신의 콘텐츠 박스 밖으로 오버플로 할 때 줄을 바꿀 지 지정합니다.
developer.mozilla.org
반응형
'🐕🦵개발 > ⬅️frontend' 카테고리의 다른 글
| [CSS]화면 중앙 배치 ( flex, grid) (0) | 2023.01.14 |
|---|---|
| [무료아이콘] 플라티콘 https://www.flaticon.com/ (0) | 2023.01.13 |
| 구글폰트 사용하기 (0) | 2023.01.13 |
| vscode 유용한 기능(REST Client) (0) | 2023.01.05 |
| 유용한 사이트 # cdn검색 (0) | 2023.01.05 |
댓글
최근에 올라온 글