1

我正在 AngularJS 中构建一个应用程序，它获取产品数据并将其显示在页面上。我提到 Angular 的唯一原因是，由于ng-repeat工作方式的原因，我不能简单地将我的图像放在一行中，所以它们默认为相同的高度 - 每个“产品”必须是它自己的td,table或div类似的。

无论如何，如果不解释我的代码和我遇到的问题，那将毫无意义。我有产品以三行显示。它们看起来像这样：

表格行图像

如您所见，当图像高度相同时，一切正常。问题是，并非我所有的图像都具有相同的高度，也永远不会。我正在寻找一种可以适应这种情况的解决方案。

标记

为了避免丑陋<table>的代码，我把它放在了这里：http: //jsfiddle.net/qGu2V/6/

我在小提琴中标记的// spacer图像（如果我对表格了解更多）会使searchImgContainer填充的高度成为包含<td>.

问题

关于如何实现这一目标的任何想法？目标不仅是使所有图像容器具有相同的高度，而且还使图像在容器内垂直居中（因此其上方和下方有相等的空白）。

我知道我可以使用 javascript/jquery 来做到这一点，但是我正在将成百上千的产品加载到（移动、响应式）页面上，我觉得不断检查相邻图像的高度会产生很大的页面加载。

这是可以实现的还是我坚持使用 Javascript 解决方案？

4

1 回答 1

0

试试这个..演示

.searchThumb{
    height:100px;
}
于 2013-07-24T05:18:59.333 回答