[CSS Snippet] 이미지 정렬하기

이미지 링크에 구분자를 넣어서 이미지 정렬하는 CSS snippet입니다.

예시

CSS

.markdown-preview-view .image-embed[src*="#center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.markdown-preview-view .image-embed[src*="#left"] {
    display: block;
    margin-left: 0;
    margin-right: auto;
    width: 50%;
}

.markdown-preview-view .image-embed[src*="#right"] {
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: 50%;
}

사용 방법

![[이미지.jpg#center]]
![[이미지.jpg#left]]
![[이미지.jpg#right]]

이미지 파일 뒤에 #center, #left, #right를 넣어줍니다.

---