티스토리 div 글 영역 벗어나서 글자가 나올 때

안녕하세요~ 영길입니다!!!

오늘은 티스토리 블로그에서 div 영역을 글이 벗어난 경우를 해결해보도록 하겠습니다.

우리 은시리가 열심히 쓴 글입니다!! 그런데 해당 링크가 블로그의 영역을 벗어난 걸 보실 수 있습니다.

[[은실] 커플 제주도 여행 일정 추천 ♥] <- 요기 가시면 원본을 보실 수 있습니다.

저 링크 녀석이 본문을 벗어나서 우리 은실이가 매우 언짢아졌다고해서 제가 해결을 해보려고 합니다!!

---

 

이렇게 블로그 관리메뉴로 들어오셔서 스킨 편집을 클릭합니다.

스킨 편집으로 이동 후 html편집을 클릭해줍니다. [ 저는 BANANA님의 Simple_Line 스킨을 사용합니다.]

BANANA님은 Created by BANANA나 문구를 제외하고는 수정이 가능하다고 명시해 두셨네요!!! 

(수정 후 재배포는 금지합니다!!)

html편집에 들어오시면 HTML / CSS / 파일업로드 이렇게 3개의 탭으로 분리되어 있습니다.

이중에 CSS를 들어오시면 디자인을 수정하실 수 있습니다.

스킨마다 구성이 다르긴 합니다만..... 해당 스킨의 경우 content_warp영역에 word-break:break-all;을 추가해주시면 됩니다.

default는 word-break:normal 이라고 합니다.

이렇게 수정이 완료되었으면 적용 버튼을 누르시고 작성한 글로 다시 돌아가보겠습니다~

---

짠!! 이렇게 수정이 되었습니다.

이렇게 간단하게 수정이 되긴 했는데.... 은근히 에디터에 오류가 많이 있는 거 같네요..ㅋㅋ

내일은 <br> 줄바꿈에 대해 알아보도록 하겠습니다.

그럼 빠잇!!