Ta sama wysokość dla wierszy tabel przy użyciu CSS

Question

Mam N wierszy treści, które użytkownik powinien dopasować za pomocą przeciągania i upuszczania (użytkownik przenosi elementy po prawej stronie do odpowiedniego elementu po lewej stronie). Oto przykład:

Wszystkie bloki powinny mieć taką samą wysokość - wysokość największego elementu. (W tym przykładzie element larges znajduje się po lewej stronie, # 2). Czy możliwe jest użycie czystego CSS? Nie mogę używać Flexbox z powodu obsługi przeglądarki. Udało mi się to zaimplementować za pomocą JS, ale nie podoba mi się to rozwiązanie :)

Może ktoś mógłby wskazać mi technikę lub podobny przykład?

Z góry dziękuję.

Answer 1

Wypróbuj ten kod jquery, który wykrywa największy element i ustawia wszystkie na taką wysokość. Jest to przykład

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

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

.

Potrzebujesz jquery, więc upewnij się, że dodałeś bibliotekę jquery do swojego kodu.