블로그에 접속해서 이전 작성 글을 확인하다가 본문 이미지가 한쪽에 쏠려 있는 현상을 발견했다.
다행히 방문자 화면에는 문제 없었지만, 편집 화면에서 이미지만 왼쪽에 쏠려서 나오는 건 이상한 일이다.
이 워드프레스 블로그에는 구텐베르크를 적용해서 글을 쓰고 있고 평소 이미지 정렬 옵션은 아예 설정하지 않는다. 그래서 모든 글의 개별 이미지마다 가운데 정렬하면 해결이 가능한데 이걸 언제 다 하고 있나.
.wp-block-image {
position: relative;
display: inline-block;
}
그래서 다른 방법을 찾아보다가 CSS 설정에 이런 코드가 있길래 삭제하니 문제는 바로 해결되었다. 알아보니 이미지에 display: inline-block;를 적용하면 텍스트처럼 되어 편집 화면 가장 왼쪽으로 밀린다는 것 같다. 이미지가 쏠릴 때 CSS에 해당 속성이 있다면 삭제해 보자.
