워드프레스 일기의 강제 줄바꿈 2

티스토리 블로그나 워드프레스에서 긴 URL을 본문에 붙여넣기 하면 라인을 벗어나서 표시될 수 있습니다. CSS를 사용하여 긴 URL / 긴 문자 강제 줄바꿈 (단어가 영역을 벗어나는 경우) 위의 그림과 같이 URL이 본문 영역을 벗어나서 보기가 좋지 않습니다. 이 경우 다음과 같은 CSS 코드를 사용할 수 있습니다. .skin_view .area_view { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever..

티스토리에서 서드파티 에디터를 사용하여 글을 작성하고 있습니다. 코드 블록 기능을 사용하여 코드를 삽입하니까 긴 라인이 줄바꿈 없이 코드 블록을 벗어나서 어색하게 표시되네요. 저는 다음과 같은 코드를 추가하여 강제로 줄바꿈이 되도록 했습니다./* 강제 줄바꿈 */ .skin_view .area_view pre { white-space: pre-line; } 이제 제대로 줄바꿈이 되어 표시되네요.ㅎㅎ 위의 방법으로 잘 안 되는 경우 "CSS를 사용하여 긴 URL / 긴 문자 강제 줄바꿈"에 제시된 코드를 시도해보시기 바랍니다.