티스토리에서 pre 태그 사용하기

문장이 길어질 경우, 스타일을 아래처럼 해줬더니만 잘 나오더라.
<pre style ="white-space: pre-wrap"></pre>

티스토리에서 pre 태그를 사용해보니, 글이 너무 길어지면 표시가 안되더라.

pre의 스타일을
overflow: visible; 로 해보고,
word-break: break-all; 도 해보고,
word-wrap: break-word; 도 해봤는데
소용이 없더라.

overflow: scroll; 을 하면 되지만,
스크롤바가 생기는 걸 원치 않았기에,

한참을 끙끙댔는데, 알고봤더니 white-space라는 속성이 있었다.

나는 파이어폭스를 사용중인데,
파폭에서는 pre 태그가 white-space: pre;로 설정되어 있었다.
그래서 white-space의 설정값을 pre-wrap 으로 해줬더니만
그제서야 되더라.

white-space: pre-line; 으로 해봤더니,
탭을 입력할 경우, 탭 표시가 안되더라.