문제
- 작성한 내용이 자동으로 줄 바꿈이 되지 않는 현상
해결
- word-break: break-all; 을 추가하여 자동 줄바꿈을 할 수 있게 됨.
.post-content {
margin-top: 5px;
font-size: 12px;
word-break: break-all;
}참고
https://developer.mozilla.org/en-US/docs/Web/CSS/word-break
word-break - CSS: Cascading Style Sheets | MDN
The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.
developer.mozilla.org
'Vue > 문제 해결' 카테고리의 다른 글
| [Vue] 화면 정중앙에 요소를 추가하는 방법 (0) | 2024.09.06 |
|---|---|
| [Vue/Vuetify] v-chip-group 선택할 수 있는 최대 개수 설정 방법 (0) | 2024.09.06 |
| [Vue] Hydration Mismatch (0) | 2024.09.06 |
| [Vue] 변경된 값이 페이지에서 동일하게 표시되지 않는 현상 (1) | 2024.09.06 |
| [Vue/Vuetify] v-bottom-navigation, 아이템 사이의 간격 제거 (0) | 2024.09.06 |