jQuery equaliser plugin demo
Equalises the vertical height and position of an array of HTML elements within a given parent element.
Revisioned source available at http://github.com/georgepaterson/jquery-equaliser
Usage
Each direct child element of the should be vertically spaced by some method.
Commonly this can be performed by the CSS styles ‘float: left’ and ‘display: inline-block’.
Unordered list only used as a semantic method, HTML structure can be formed differently.
Plugin parameters:
- columns: Number of columns in the group, default ‘auto’, can be set to an integer.
- rows: Number of rows in the group, default ‘auto’, can be set to an integer.
- equalise: The elements in the group to equalise position, an array of classnames and tag names.
- equaliseMethod: The method to equalise position, uses standard CSS construct. Defaults to ‘margin-top’, could be ‘padding-top’.
- setHeight: Boolean value, whether of not equalise the height of the groups child containers.
-
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
End
-
Lorem ipsum.
Lorem ipsum dolor sit amet.
End
-
Lorem ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. And stuff.
Lorem ipsum dolor sit amet.
End
-
Lorem ipsum dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet.
End
-
Lorem ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ornare porttitor pellentesque.
End
-
Lorem ipsum dolor.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ornare porttitor pellentesque.
End
-
Lorem ipsum.
Lorem ipsum dolor sit amet.
End
-
Lorem ipsum.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
End
Please use the GitHub issue tracker for bug reports and feature requests.