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

블로그스팟에서 이미지 업로드 시 좌우 정렬 하는 방법은 두 가지, 이미지 또는 글 작성에서 왼쪽 맞춤, 가운데 맞춤, 오른쪽 맞춤을 선택할 수 있다.

이미지 가운데 정렬을 선택하고, 글 게시 후 모바일 화면에서 보면 이미지가 오른쪽으로 몰린다던가, 일정하게 나열이 안되는 문제가 있다. 버그인지 뭔지 모르겠지만 내가 찾은 방법을 소개한다.

블로그스팟 이미지 정렬 방법 2가지

1) 이미지에서 정렬 선택.

글과 글 사이에 이미지를 넣는 경우, 이미지에서 왼쪽 정렬을 선택하면 아래 있던 글자가 이미지 옆으로 간다.

2) 글 작성 시 선택.

글 작성 메뉴에서 왼쪽 맞춤으로 하면 아래 그림처럼 공간이 생긴다.

중요한 건 글 발행 후, 모바일에서 이미지가 오른쪽으로 치우치는 현상이 발생한다는 것.

HTML 모드로 가서 확인해 보면 붉은 글자 부분에서 차이가 난다.

이미지에서 가운데 정렬일 때 보이는 부분.

① <a href=이미지 URL style="margin-left: 1em; margin-right: 1em;">

② 붉은색 글자 부분을 삭제해 주면, 들쭉날쭉하지 않고 바르게 정렬된 이미지들을 확인할 수 있다.

내가 알아낸 방법은 3가지.

- HTML 모드로 가서 '① 부분'을 삭제한다. 하지만 이미지가 많으면 하기 어려움.

- 이미지를 먼저 올리고 글을 작성한다.

- PC에서 글 발행 후, → 모바일에서 수정을 누르고 게시.→ 다시 PC에서 발행.

※ 모바일에서 글 수정 시, 글꼴은 기본으로 돌아가고, 검색 설명이 없어지니 다시 입력해야 함에 유의.

내가 병에 걸린거냐, 아님 뭔가 다른 방법이 있는거냐?