(팁) 블로그 이미지 여백, 공백 없애기

스타일시트(style.css) 수정이 가능한 블로거(구글 블로그), 티스토리, 워드프레스 같은 곳에서 사용이 가능한 방법이다.

나는 아래의 방법을 평소에 사용했었고 그래도 지장이 없었다.

img {
margin: 0;
padding: 0;
}

a img {
border: none;
}

그런데 구글 블로그에서는 위의 코드를 적용해도 여백이 남아있었다.
그래서 포기하고 있었는데 인터넷을 뒤지다가 해결책을 찾았다!

img {
vertical-align:top
display:block;
}

참고로 네이버 블로그에서는 사진 첨부 창에서 “사진간격 띄우기”의 체크를 해제해주면 된다.

This entry was posted in 블로그, 워드프레스, HTML. Bookmark the permalink.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다