라벨이 이미지 쏠림인 게시물 표시

블로그스팟 이미지 왼쪽 정렬 모바일에서 쏠림 문제

이미지
블로그스팟에서 이미지 업로드 시 좌우 정렬 하는 방법은 두 가지, 이미지 또는 글 작성에서 왼쪽 맞춤, 가운데 맞춤, 오른쪽 맞춤을 선택할 수 있다.  이미지 가운데 정렬을 선택하고, 글 게시 후 모바일 화면에서 보면 이미지가 오른쪽으로 몰린다던가, 일정하게 나열이 안되는 문제가 있다. 버그인지 뭔지 모르겠지만 내가 찾은 방법을 소개한다. 블로그스팟 이미지 정렬 방법 2가지 1) 이미지에서 정렬 선택. 글과 글 사이에 이미지를 넣는 경우, 이미지에서 왼쪽 정렬을 선택하면 아래 있던 글자가 이미지 옆으로 간다. 2) 글 작성 시 선택. 글 작성 메뉴에서 왼쪽 맞춤으로 하면 아래 그림처럼 공간이 생긴다. 중요한 건 글 발행 후, 모바일에서 이미지가 오른쪽으로 치우치는 현상이 발생한다는 것. HTML 모드로 가서 확인해 보면 붉은 글자 부분에서 차이가 난다. 이미지에서 가운데 정렬일 때 보이는 부분. ① <a href=이미지 URL style="margin-left: 1em; margin-right: 1em;" > <img border="0" data-original-height="668" data-original-width="1190" height="360"> ② 붉은색 글자 부분을 삭제해 주면, 들쭉날쭉하지 않고 바르게 정렬된 이미지들을 확인할 수 있다. 해결 방법 내가 알아낸 방법은 3가지. - HTML 모드로 가서 ' ① 부분 '을 삭제 한다. 하지만  이미지가 많으면 하기 어려움. - 이미지를 먼저 올리고 글을 ...