텍스트 포스팅에서 이미지 업로드시 정렬 깨지는 문제

텀블러에서 텍스트로 포스팅할 경우 이미지를 중간에 올리면 테마의 CSS를 먹지 않고 정렬이 이상하게 꼬여버리는 문제를 드디어 해결했다.

image

답은 결국 소스 수정. 텀블러는 다른 블로그랑 달리 포스팅 타입에 따라 CSS를 지정해줄 수 있는데 텍스트 포스팅의 경우 img 태그에 대한 디자인을 지정한 테마가 거의 없다. 결국 삽질 끝에 사진 포스팅용으로 지정해둔 CSS 위에 아래 라인을 넣어서 해결(?)했다.

    .posts img,
    .photo img,
    .photoset-grid {
        display: block;
        height: auto;
        margin: 0 auto 1rem auto;
        {block:ifFullWidthPhotos}
        width: 100%;
        {/block:ifFullWidthPhotos}  

내가 현재 쓰고 있는 테마는 텍스트 포스팅을 post 클래스로 넣고 있고, 이 안에 img 태그가 쓰였을 경우 사진 포스팅의 디자인과 동일하게 하라는 뜻.

하지만 더 좋은 방법이 있을지도? 전문가 여러분의 댓글 부탁드립니다 ㅠㅠ


Apple에 게시되었습니다에 태그되었습니다