에디터에서 가져온 글을 <pre></pre> 태그 안에서 보여주는데
띄어쓰기 없는 영어 같은 경우 줄바꿈이 되지않고 넘쳐버리게 되었다.
왜그런지 찾아보니
pre태그는 글을 그대로 보여주는 특징이 있어 width가 넘어가도 줄바꿈이 되지 않는다고 한다.
white-space: pre-wrap;
word-break: break-all;
pre 태그에 위에 css를 적용해주면 해결이된다.
📌 참고
'Mark Up & StyleSheet > CSS & SCSS' 카테고리의 다른 글
prettier 줄바꿈 방지 방법 (0) | 2023.12.29 |
---|---|
flex deep dive (0) | 2023.12.29 |
[SCSS] Architecture (폴더 구조) (1) | 2023.12.11 |
[CSS] filter 적용하기 (1) | 2023.12.10 |
[CSS] 헷갈리는 가상클래스 child vs of-type (2) | 2023.12.10 |