0
302
ViewsCSS equivalente a una solución jQuery para establecer la altura máxima de todos los elementos
Con el código jQuery a continuación, podría restablecer la altura de 3 elementos al máximo de ellos. Me gustaría reemplazarlo con una solución basada en CSS.
// Set max height. var maxHeight = 0; var prevEntrySelector = null; $(".send-submit-look-col .icon-description").each(function(index) { if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } // Set height of previous entry and this entry to maxHeight. $(this).height(maxHeight); if (prevEntrySelector != null) { prevEntrySelector.height(maxHeight); } // this - this selector - this story entry console.log( "Height: " + maxHeight ); prevEntrySelector = $(this); return true; });La siguiente imagen muestra la sección.
¿Podría por favor ayudar a encontrar la solución CSS? Aquí está la página
·
Juan Pablo Isaza
1 answers
Answer question0
Según su sitio web, esto podría solucionar su problema, flex-grow: 1 hará que el div llene el espacio máximo.
.send-submit-look-row .send-submit-look-col { display: flex; flex-direction: column; } .send-submit-look-row .send-submit-look-col .icon-description { flex-grow: 1; }
·
Juan Pablo Isaza
Report
Answer question