티스토리 자동줄바꿈

티스토리 블로그 스킨을 적용하고 이것저것 만지다 보면 설정이 흐트러지는 경우가 있습니다. 백업을 하지 않았다면 더욱 난감합니다. 티스토리 본문에서 글은 모바일 화면 우측으로 넘어가지 않는데 가끔 링크 같은 줄들이 오른쪽 화면을 침범하여 곤란한 경우가 생깁니다. 이때 해결방법을 알려드립니다. 티스토리 자동 줄바꿈 방법 아래 두가지중에 찾으세요.

티스토리 스킨 편집으로 들어갑니다. 위에 기본으로 html탭으로 되어있는데 css탭을 클릭합니다. 컨트롤 에프 찾기 기능으로 #content를 찾습니다.  /* 내용 */ 이렇게 보이는 부분 아래 일 것입니다. #content {position, float, width, margin, box-sizion:border-box;, background-color:#fff; 이 순서대로 보인다면 그 아래줄에 다음을 추가합니다.

word-wrap:break-word;

오른쪽 위에 적용을 클릭하고 문제의 페이지를 새 로고 침해서 확인합니다.

위에 /* 내용 */이 없거나 못 찾았다면 /* 헤더 */ 를 찾으세요. 아랫줄에 다음이 보일 것입니다.

. wrap_skin {position:relative} 여기에 괄호 안에 위에 문구를 넣어줍니다. 추가는 ; 넣고 하면 됩니다.

. wrap_skin {position:realtive; word-wrap:break-word;} 이처럼 추가해주세요.

오른쪽 위에 적용을 클릭하고 문제의 페이지를 새 로고 침해서 확인합니다. 티스토리 글 작성 시 모바일 화면에서 화면 오른쪽으로 길게 뻗치는 현상을 css수정으로 고쳐보았습니다. 감사합니다.