Misma altura para distintos elementos

El script va a recorrer todos los elementos que tengan la clase "same_height", obtendrá la altura del mayor de los elemetos y se la asignará a todos más el padding.

HTML

<div class="row">
	<div class="col-4">
		<div class="same_height">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
			consequat.
		</div>
	</div>
	<div class="col-4">
		<div class="same_height">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
			tempor incididunt ut labore et dolore magna aliqua.
		</div>
	</div>
	<div class="col-4">
		<div class="same_height">
			Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original.
		</div>
	</div>
</div>

Press "Ctrl + Enter" to see in full screen

CSS

Press "Ctrl + Enter" to see in full screen

JavaScript / jQuery

Press "Ctrl + Enter" to see in full screen

Watch live

Details

Author: djalho

Created: 16 March 2019

Last edition: 22 June 2019

English

Spanish

Apache

Bootstrap 4

CSS3

Git

JavaScript

jQuery

Laravel

MySQL

PHP

ReactJS

SVG

Terminal

Misma altura para distintos elementos

HTML

CSS

JavaScript / jQuery

Details

Comments (0)