블로그스팟 이미지 왼쪽 정렬 모바일에서 쏠림 문제
%20%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%97%85%EB%A1%9C%EB%93%9C%EC%97%90%EC%84%9C%20%EC%A0%95%EB%A0%AC%20%EC%84%A4%EC%A0%95.webp)
블로그스팟에서 이미지 업로드 시 좌우 정렬 하는 방법은 두 가지, 이미지 또는 글 작성에서 왼쪽 맞춤, 가운데 맞춤, 오른쪽 맞춤을 선택할 수 있다. 이미지 가운데 정렬을 선택하고, 글 게시 후 모바일 화면에서 보면 이미지가 오른쪽으로 몰린다던가, 일정하게 나열이 안되는 문제가 있다. 버그인지 뭔지 모르겠지만 내가 찾은 방법을 소개한다. 블로그스팟 이미지 정렬 방법 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 모드로 가서 ' ① 부분 '을 삭제 한다. 하지만 이미지가 많으면 하기 어려움. - 이미지를 먼저 올리고 글을 ...