Question

我使用joomla模块显示来自8个不同类别的文章，模块显示每个类别的标题和一些introtext（相同的模块使用8次）。

例如，一篇文章的标题需要显示两行 - 另一篇文章只需要一行，并且它们不会以模拟方式显示，所以我的网站看起来很乱！

问题是：如何使我的8个模块始终具有相同的高度，无论标题或introtext需要哪些行？

我可以计算字符并为标题和introtext设置一些限制，但所需的行数会随着字体字母的宽度而变化......我希望除了char计数之外还有另一种解决方案...

我希望这个问题足够清楚！提前谢谢你：）

Answer 1

迭代这些模块，将它们放在最高位置，选择最大的模块并应用于所有模块。

var max = 0;

$('div.title').each(function(i,item){
   var height = $(item).height();
   if(height > max) {
      max = height;
   }
});

$('div.title').css('height', max + 'px');

Answer 2

这似乎是一个CSS问题（或者我误解了这个问题）。如果所有模块都是“模块”类，那么您需要：

.module {height:200px; overflow:hidden;[more styles]}

新闻显示模块高度

2 个答案: