jQuery Masonry

Masonry is a layout plugin for the ever-popular Javascript library jQuery. Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Invoking Masonry only requires one line of code. So it is really easy

There are no setting or options within in the plugin. Instead, all spacing properties can be set with CSS. The only property required for Masonry to work is for the width of the child elements. Child elements should have equal width in order to avoid any overlapping.

URL: http://desandro.com/resources/jquery-masonry

Incoming search terms:

• masonry overlapping
• masonry overlap
• javascript masonry
• overlap on refresh jquery masonry
• overlap jquery masonry
• masonry wordpress plugins
• masonry wordpress
• masonry overlap chrome
• masonry library jquery
• masonry jquery overlaps
• masonry image overlap
• jquery masonry wordpress plugin