Home > Programming > jQuery Masonry – A Layout Plugin for jQuery

jQuery Masonry – A Layout Plugin for jQuery

jQuery Masonry is a layout plugin for 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. Masonry will work with all structural elements: div’s, lists, p’s, spans.

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 be should have equal width in order to avoid any overlapping.

jquery-layout1

  1. No comments yet.
  1. No trackbacks yet.
You must be logged in to post a comment.