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>

Pulsa "Ctrl + Intro" para ver en pantalla completa

CSS

Pulsa "Ctrl + Intro" para ver en pantalla completa

JavaScript / jQuery

Pulsa "Ctrl + Intro" para ver en pantalla completa

Ver en vivo

Detalles

Autor: djalho

Creado: 16 marzo 2019

Última edición: 22 junio 2019

Inglés

Español

Apache

Bootstrap 4

CSS3

Git

JavaScript

jQuery

Laravel

MySQL

PHP

ReactJS

SVG

Terminal

Misma altura para distintos elementos

HTML

CSS

JavaScript / jQuery

Detalles

Comentarios (0)