이미지의 최대 폭 제한하기

개요

구글 블로그에서 포스팅 이미지를 개별적으로 설정하지 않고, 템플릿 상에서 이미지의 최대 폭을 제한하기 위한 방법입니다.

HTML코드 수정

아래 코드를 HTML편집 창에서 적당한 위치에 삽입한다. 이미지 사이즈는 max-width: 650px;에서 필요한 수치로 변경한다.

.separator img{<br /> float: none;<br /> <span style="color: red;">max-width: 650px; </span>height:auto;<br /> clear:both;<br /> }

float:none 속성 적용(?)하는 방법

이 블로그는 본문 사이즈를 95% 적용한 경우이고, 몇 개의 포스팅을 통해 이미지를 좌측으로 붙이고, 우측에 글이 올라오면 가독성이 매우 열악해지고 글 전체가 산만해져서 float:none속성으로 해결하려 했으나 실폐하고 이렇게 처리한다.
이상하게 float:none 속성이 안먹어....!
.separator img{<br /> float: none;<br /> max-width: 650px;<br /> height:auto;<br /> <span style="color: red;">margin: 0 900px 8px 0;/*우측에 글이 올라와서 float:none속성으로 해결하려 했으나 실폐하고 이렇게 처리한다.*/</span><br /> clear:both;<br /> }
참조 글
http://ielselog.blogspot.kr/2013/07/imagewidth.html