IT/IT WIKI

[Wiki] 마크다운이나 HTML에서 pre 태그 내 글이 자동 줄바꿈이 되지 않는 경우 해결법

wookiist 2018. 1. 5. 16:37

[Wiki] 마크다운이나 HTML에서 pre 태그 내의 글이 자동 줄 바꿈이 되지 않는 경우 해결 방법


얼마 전부터 아톰 에디터로 마크다운을 HTML로 변환하면 <pre> 태그 내의 (마크다운의 경우 회색 사각박스, ``` 등) 글이 자동 줄 바꿈이 되지 않고, 스크롤 바가 생겨나는 현상이 발생하고 있다. 이를 해결하기 위해 구글링을 해보니 pre 태그 내에 속성 값을 추가해줄 필요가 있었다.



1
2
3
<pre
white-space: pre-wrap;
/pre>
cs


2 번 라인처럼, white-space: pre-wrap; 속성을 추가함으로써 해결할 수 있었다.

반응형