티스토리 오디세이 스킨 텍스트 줄넘침 현상 수정하기

티스토리 오디세이 스킨 텍스트 줄넘침 현상 수정하기

 

안녕하세요 사람사물상황입니다.

 

1. 현상

저번에 이어 오디세이 스킨을 수정하면서 나왔던 오류? 인, 텍스트가 본문을 뚫는 넘침현상, 이 부분을 수정 할겁니다. 

 

이 현상은 티스토리에서 초기 부터 있던 현상으로, 띄어쓰기 없이 하나의 텍스트가 이어질때 나타난다 라고 합니다. 

일반적으로 띄어쓰기가 없는 부분은 없으나, 해당 현상이 나타나면 해당부문만 일단 저는 바꿉니다.

이게 전체적으로 적용하는것도 있는데, 일단은 해당 부분만 수정해봅니다.

 

2. 수정

해당 부분을 검사하여 위치를 찾아내고 강제로 줄바꿈하는 코드를 넣어줍니다.

스킨편집-css 2416행 마지막에 

 

.article-type- .article-content,
.article-type-thumbnail .article-content {
    width: 100%;
    padding-top: 4px;

 

여기 밑에

 

 word-break: break-all;

 

을 넣어줍니다.

 

 

그럼 해결

 

끝.