CSS

Question

kullanarak tablo satırları için aynı yükseklik Kullanıcının sürükleyip bırakarak eşleştirmesi gereken N satır içeriğim var (kullanıcı, sağdaki öğeleri soldaki ilgili öğeye taşır). - En büyük öğenin yüksekliğini

Tüm bloklar aynı yüksekliğe sahip olmalıdır: İşte bir örnek. (Bu örnekte, larges öğesi solda, # 2). Saf CSS kullanarak yapmak mümkün mü? Tarayıcı desteği nedeniyle flexbox kullanamıyorum. Bunu kullanarak JS'yi kullanmayı başarabildim ama bu çözümü beğenmedim :)

Belki birisi bana bu tekniği veya benzer bir örneğe işaret edebilir?

Şimdiden teşekkürler.

Answer 1

Bu jquery kodunu deneyin, en büyük öğeyi algılar ve tümünü bu yüksekliğe ayarlar. İşte

var height = 0; 
$(".table").find(".table-cell").each(function() { 
    height = Math.max(height, $(this).height()); 
}); 

$(".table").find(".table-cell").css("height", height); 

bir JSfiddle örnektir.

Bunun için jquery'ye ihtiyacınız var, bu nedenle jQuery kitaplığını kodunuza eklediğinizden emin olun.