jQuery Plugin To Create Equal Width Elements

jQuery Plugin To Create Equal Width Elements
File Size: 6.67 KB
Views Total: 685
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

An extremely simple lightweight jQuery plugin used to equalize the widths of child elements within the same container.

How to use it:

1. Load the latest version of jQuery library and the jQuery Equal Width Children plugin in your document.

<script src="jquery.min.js"></script>
<script src="jquery.equal-width-children.js"></script> 

2. To enable the equal width, just call the plugin on the parent elements and done.

$("#container").equalWidthChildren();

3. Default options.

$("#container").equalWidthChildren({

  // ssubtract from width if issues arise
  fudge: 0,

  // space between child elements      
  gutter: 0,

  // jQuery array
  children: null

});

Change log:

2015-05-18

  • added children option

This awesome jQuery plugin is developed by athill. For more Advanced Usages, please check the demo page or visit the official website.