티스토리 뻔히 알고 있는 불편한 진실 이미지 첨부 시 줄 간격 오류

티스토리 이미지나 애드센스 코드를 넣을 때도 마찬가지로

이미지 윗부분과 아랫부분의 간격이 맞지 않습니다.

몇 번 첨부하고 결과를 보면 알 수 있는 내용으로

수정되기를 포기하고 시류에 맞춰 포스팅하는 듯합니다.

혹시 모르시는 분들을 위해 다시 설명해 드리기 위해 이미지를 넣어보았습니다.

이미지 아래위를 보면 위에는 텍스트와 딱 붙어서 줄 간격이 없습니다.

그런데 이미지 밑에는 텍스트와의 간격이 한 줄이 띄어져 있습니다.

왜 그런지 HTML로 들어가 확인을 해보겠습니다.

이미지 위에는 한 줄을 띄우는 태그가 없습니다.

한 줄을 띄우고 넣지 않았으니 당연한 결과인데요,

하지만 아래에는  태그가 들어가 한 줄을 띄우고 있죠.

이미지를 넣을 때 아래만 일부러 띄우고 넣은 것은 아닙니다.

그런데 티스토리 자체에서 한 줄을 띄우고 있습니다.

이것을 없애려면 이미지를 넣은 뒤 빈 칸을 지워야 하는데 상당히 번거로운 작업입니다.

이번에 첨부한 이미지는 어떤가요.

위아래의 간격이 맞았죠.

그래서 전 이미지나 애드센스 코드를 넣을 때는

엔터를 해서 이미지가 들어갈 자리에 처음부터 위 줄을 한 줄 띄우고 첨부를 하죠.

그러고 나면 결과는 이미지나 애드센스 코드 위아래 띄우는 것이 같아집니다.

이미지 아래의 빈 줄을 지워 텍스트와 붙는 것보다는 한 줄이 더 들어가는 것이 공간이 생기면서 편하게 보입니다.

아마 티스토리 시작하면서 곧바로 이상을 느끼고 이렇게 작업했던 것 같네요.

티스토리 하시는 분들도 이제는 다 알고 있는 듯합니다.

가끔 다른 분들의 포스팅을 보면 이미지가 자연스럽게 들어가 있네요.