긴 문장이 화면밖으로 나가버리는 문제를 해결했다.

여태까지 모르고 있었는데 페이로드같이 긴 문장을 쓸때 띄어쓰기가 없으면 캡쳐처럼 화면 밖으로 나가버리는 현상이 생긴다.

css에서 word-break:normal 속성을 사용하기 때문인데

normal은 한단어는 끊지 않기 때문에 문장이 더 자연스러워지긴 하지만 나처럼 띄어쓰지 않고 길게 써야할 부분이 많은 경우에는 이런 현상이 생길 수 있다.

tistory 관리자메뉴에서 html/css수정에 들어가서 css란에

.article{word-break:break-all} 를 추가해줬다. break-all속성은 한단어라도 범위를 넘어가면 끊어서 아래로 내려준다.

이제 위와같이 페이로드를 잘라서 출력해준다.