웹 퍼블리싱/제이쿼리 플러그인

(Masonry) Masonry 사용하기

꼬지비 2020. 1. 19. 16:11
1
2
3
4
5
6
7
<script>              
$('.masonry').masonry({
    itemSelector:'.item'//이미지가 포함된 엘리먼트
    gutter: 10//margin
    horizontalOrder:true //순서대로 정렬
});                            
</script>
 

 

https://masonry.desandro.com/

 

Masonry

Install Download CDN Link directly to Masonry files on unpkg. Package managers Install with Bower:  bower install masonry --save Install with npm:  npm install masonry-layout Getting started HTML Include the Masonry .js file in your site. Masonry works on

masonry.desandro.com