JSFiddle - React, Tailwind, and code Playground
HTML
<table class="pl_upload">
<tr class="row1">
<td class="col1">
<div>
<div class="img-container">
<a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww.png" width="190" alt="X" /></a>
</div>
</div>
</td>
<td class="col2">
<div>
<div class="img-container">
<a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182" alt="X" /></a>
</div>
</div>
</td>
<td class="col3">
<div>
<div class="img-container">
<a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182" alt="X" /></a>
</div>
</div>
</td>
<td class="col4">
<div>
<div class="img-container">
<a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182" alt="X" /></a>
</div>
</div>
</td>
</tr> <!--END ROW1-->
<tr class="row2">
<td class="col1">
<div>
<div class="img-container">
<a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="190" alt="X" /></a>
</div>
</div>
</td>
<td class="col2">
<div>
<div class="img-container">
<a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182" alt="X" /></a>
...
CSS
table.pl_upload{}
table.pl_upload * { vertical-align:top;text-decoration: none;cursor:pointer;}
table.pl_upload td{padding:0 65px 50px 0 ;}
table.pl_upload td>div{display:block; border-bottom:1px solid #eee; padding: 0 0 15px 0; margin:0 0 10px 0;}
table.pl_upload div div.img-container{}
JavaScript
var Max = 0;
var Images = $(".img-container img");
Images.each(function(k,v){
$(this).load(function(){
if(Max < $(this).height())
{
Max = $(this).height();
}
if(k == Images.length)
{
$(".img.container").height(max);
}
});
})