Vue/문제 해결
[Vue/CSS] div 자동 줄바꿈
sorry0101
2024. 9. 6. 15:38
문제
- 작성한 내용이 자동으로 줄 바꿈이 되지 않는 현상
해결
- 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