티스토리 이미지 여백 없애는 코드

 

병렬 이미지 간격 없애기

 

/*이미지 병렬*/

hr[data-ke-style],

#tt-body-page hr[data-ke-style] {

margin-bottom: 7px !important;

}

 

figure.imagegridblock {

margin: 0 !important;

margin-bottom: 0 !important;

}

 

figure.imagegridblock:last-child {

margin: 0;

}

 

figure.imagegridblock .image-container {

justify-content: space-between !important;

align-items: stretch !important;

}

 

figure.imagegridblock .image-container:last-child {

margin-bottom: 0 !important;

}

 

figure.imagegridblock .image-container span {

align-items: flex-end !important;

flex-grow: 1 !important;

margin: 0 !important;

margin-bottom: 0 !important;

margin-top: 0 !important;

padding:0 !important;

}

 

.contents_style figure.imagegridblock .image-container>span {

margin-right: 0 !important;

margin-top: 0 !important;

}

 

figure.imagegridblock .image-container span:first-child {

margin-left: 0 !important;

}

 

figure.imagegridblock .image-container span:last-child {

margin-right: 0 !important;

}

 

.image-container span img {

height: 100% !important;

}

---

 

이미지, 유튜브 플러그인 아래 여백 없애기

 

/*img, iframe*/

 

iframe,

img {

width: 100% !important; display:block !important;

}

figure {

text-align:inherit !important; display: block; padding: 0 !important; margin:0 !important;

}

figure.imageblock.alignRight {

text-align: right !important; margin-left: auto !important;

}

figure.imageblock.alignCenter {

text-align: center !important; margin: auto !important;

}