Equal height

Purpose

Equalises the height of elements that are on the same baseline.

Use when

• Elements of varying heights are displayed on the same baseline.

Do not use when

No known use cases when this plugin should not be used.

Working example

Working example of the equal height plugin

How to implement

1. Add the class wb-eqht to the element that contains the elements for which you want the height to be equal.
2. Add the class hght-inhrt to the nested element for which you want the height to be equal.
3. Add the class eqht-trgt to the equalize element. It the same as applying hght-inhrt up to the child of wb-eqht.

Configuration options

There are no configuration options.

Events

$( document ).on( "wb-ready.wb-eqht", function( event ) {
});

$( document ).on( "wb-updated.wb-eqht", function( event ) {
});

$( document ).on( "wb-ready.wb", function( event ) {
});

Source code

Source code for the equal height plugin on GitHub