jquery - 将多个图像(带标题)对齐到基线，所有不同的高度

Question

几天来我一直在寻找如何让这个布局工作，我需要一点帮助

我只希望我的图像与最高图像的基线对齐，每行，以及该行下方的标题。我看到您在使用图像和 jquery 构建布局方面有很多经验，如果您能指出正确的方向，我想我可以解决它。

这是我得到的 jsfiddle，但我想我可能不得不放弃砌体，因为我的客户只想要一个好的基线..但当然要有一个响应式包装.. http://jsfiddle.net/perrodeagua/SeXDu/embedded/result/

这是我当前的 CSS，不过我还没有嫁给它

.thePics {
padding:5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
float: left;
 width:200px;
 height:auto;
 border:1px;
 text-align:left;


}

#PICS {
 width:auto;
}

这是我需要的模型 http://postimg.org/image/sygkducs5/

谢谢!

Answer 1

你是说，像这样？ http://jsfiddle.net/LeBen/yFEc6/

在 Chrome、Safari 和 Firefox 中实际测试，图像默认使用 <figure> 与基线对齐.