jQuery Plugin To Create Equal Width Elements
File Size: | 6.67 KB |
---|---|
Views Total: | 794 |
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.