티스토리 본문이 튀어나올 때

 

주소라든지 띄어쓰기 하지 않은 영어의 경우 본문 범위를 넘어서 텍스트가 튀어나오는 경우가 있다.

노란색 선 까지가 본문 범위인데 튀어나갔다. 

 

자동 줄바꿈 설정을 넣어주면 된다.

 

개인 티스토리 스킨 설정에 따라서 어느 파일을 수정해야 하는지는 달라진다.

 

다만 내 경우에는 티스토리 기본 반응형 스킨을 사용하고 있는데, 같은 스킨 사용자라면 이 방법을 적용시킬 수 있다.

 

 

스킨 편집으로 들어간다.

 

 

스킨 편집 창에서 html 편집을 누른다.

 

 

다음 화면에서 css 탭을 누른다.

 

 

/* global */ 이라고 선언된 부분 아래에 ".article_skin" 이라는 항목이 있다.

 

 

 

여기에 자동 줄바꿈을 추가한다.

word-break:break-all;

적용 버튼을 누른다

 

 

 

이제 본문 영역을 튀어나가지 않는다