[Tistory] 본문 영역을 벗어나는 글자가 있을 때

Error

Tistory를 사용하다보면 글이나 링크(url)가 본문 영역을 벗어나는 현상을 접하게 됩니다. 본문 영역을 너무 벗어나버리는... 링크.. 

지구 끝까지 벗어나버린 링크

---

Solution

• 티스토리 관리 화면에서 스킨 편집 메뉴를 선택합니다.
• 우측 상단의 html 편집을 선택합니다.

Poster 스킨편집

• CSS를 우측 상단 카테고리 중에서 선택합니다. (디자인적인 측면을 고려할때는 CSS!)

• 본문 그리드를 벗어나지 않고 싶은 대상에 아래와 같은 구문을 추가합니다. 

word-wrap:break-word;

해당 부분은 사용하는 스킨마다 차이가 있습니다. Poster 스킨을 사용 중이기 때문에 Entry Content에서 link가 사용하는 a에 아래와 같은 구문을 추가했습니다.

스킨편집내 CSS 화면

해결!

본문 영역으로 들어온 링크