티스토리 '코드블럭' 스크롤(Scroll)

     블로그 관리 > 꾸미기 > 스킨편집 > html편집 → CSS

탭으로 이동하여 아래 코드를 삽입한다. 

code {
    white-space: pre;
    max-width: 850px; 
    max-height: 600px; 
    overflow: auto !important;
}

 

'white-space'는 '여백'으로써 요소안에 공백을 처리할 때 사용한다. 속성 값이 여러개 있는데 그중에 pre는 공백을 그대로 표시한다는 뜻이다.

'max-width'와 'max-height'는 가로, 세로길이의 최댓값을 정할 수 있다. 여기서는 가로 850px, 세로 500px이 넘어가면 스크롤을 만든다.

'overfolw'는 코드가 앞에서 지정한 픽셀(px)보다 크면 스크롤이 생기게 하는 코드이다. 

 

!important를 선언하면 CSS속성 순서 중에서 가장 높은 우선순위를 가진다.