Archive

Calender

«   2019/10   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

문장이 길어질 경우, 스타일을 아래처럼 해줬더니만 잘 나오더라.
<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; 으로 해봤더니,
탭을 입력할 경우, 탭 표시가 안되더라.



0 Comments