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

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

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

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

img {
margin: 0;
padding: 0;
}

a img {
border: none;
}

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

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

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

출처 이미지 주변 여백 없애기

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

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다