我使用joomla模块来显示来自8个不同类别的文章,该模块显示每个类别的标题和一些简介(同一模块使用了8次)。
例如,一篇文章的标题需要显示两行,而另一篇文章只需要一行,而且它们没有按比例显示,所以我的网站看起来很乱!
问题是:如何使我的8个模块始终具有相同的高度,而不考虑标题或简介所需的行数
我可以计算字符数,并为标题和引言设置一些限制,但所需的行数会随着字体字母的宽度而变化。。。我希望除了字符计数之外还有另一种解决方案。。。
我希望这个问题足够清楚!提前感谢:)
遍历这些模块,确定它们的高度,选择最大的模块并应用于所有模块。
var max = 0;
$('div.title').each(function(i,item){
var height = $(item).height();
if(height > max) {
max = height;
}
});
$('div.title').css('height', max + 'px');
这似乎是CSS问题(或者我误解了这个问题)。如果所有模块都属于"模块"类,那么您需要:
.module {height:200px; overflow:hidden;[more styles]}