如何修复此DIV大小调整问题？

Question

因此，在我的网络应用中，每个用户提交的列表都有一个预览DIV，其中包含与提交相关的四个属性 - 照片，标题，价格和类别。这些预览DIV中的每一个都需要具有相同的宽度和高度。将图像调整为固定宽度和高度以适合div。但是，当标题太长时，它会突破到下一行，使DIV的高度大于其他预览DIV。这是一张图片：

下半部分看起来应该更像这样：

我认为既然标题和类别都在左边，那么它们应该在他们自己的容器div中，价格自己向右浮动。标题的长度最多为40个字符，所以基本上我需要找出适应可变数量文本的最佳方法，并且可能用省略号替换突破到下一行的文本。我该怎么做？有什么建议？

Answer 1

尝试使用以下代码，只要标题大于它应该添加省略号（...）：

.elem {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}