equalheights.js
v1.0.15
Published
Equal height elements, autodetect rows, no dependencies, lightweight & fast.
Downloads
22
Maintainers
Readme
EqualHeights.js
Lightweight, es6 module to set equal height to html elements.
Usage
add js-equal-height to each parent element
Inside those js-equal-height element you can define regions that has to have the same height by adding a data attribute data-equal-height="place a unique name here"
Also take a look in dist/index.html
Warning
Collapsing margins are not supported. The element where the data-equal-height is place on can not have collapsing margins inside. There are ways to prevent them. E.g. adding padding-bottom: 1px
to the element. Or overflow: auto;
Features
- Flexible.
- Public methods to recalculate heights.
- ES6 Module or as a standalone library.
This is still a work in progress, more documentation coming soon.