新聞顯示模塊高度

我使用joomla模塊來顯示來自8個不同類別的文章，模塊顯示每個類別的標題和一些introtext（相同模塊使用8次）。新聞顯示模塊高度

例如，一篇文章的標題需要顯示兩行 - 另一篇文章只需要一篇文章，而且它們不以simetrically方式顯示，所以我的網站看起來很雜亂！

問題是：如何讓我的8個模塊始終具有相同的高度，無論標題或introtext所需的行是什麼？

我可以計算字符併爲標題和introtext設置一些限制，但所需的行數會隨着我的字體寬度而變化......我希望除字符計數之外還有另一種解決方案...

我希望問題已經夠清楚了！預先感謝您:)

2012-01-20 marko

我是唯一的人的眼睛呆滯，當我讀到*的任何形式的「我用** ** X架構做** ** X。如何讓我這個小的變化？」 * – rdlowrey

你只需要發表評論，不是嗎？你可能是對的，但對別人來說，某件事可能是一個巨大的改變，而對別人來說只是一個小小的改變......如果你提供了一些解決方案，而不是批評我提出問題，將不勝感激！沒有難過的感覺，我意識到這可能不是這裏最難的問題，但我只是想看看別人如何解決這些問題。歡呼:) – marko

沒有批評，只是眼睛釉。與許多不使用它們的人相比，框架產生的代碼更好。這恰好是我發表我的無法幫助評論的帖子:)祝你好運！ – rdlowrey

這似乎是一個CSS問題（或者我誤解了這個問題）。如果所有的模塊級的「模塊」，那麼你需要：

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

來源

2012-01-20 19:31:47

是的，我可以這樣做，我想是以某種方式動態檢測需要使模塊更短的標題更高... – marko

如果你需要動態做到這一點，然後JS/jquery將是你最好的選擇。從kdzwinel的代碼開始（假設你正在使用jquery），它將基於最大值設置所有相同的大小。你是否還想重新組織模塊的順序？ –

感謝球員們，我已經簡化它到我自己通過使用CSS來使我的標題div的兩個行的高度（在我的例子中爲40px），並設置標題的字符限制。現在我的作品已經足夠長了，但在添加新文章時也需要觀看，以免混亂佈局。這應該是好的...謝謝你，本D和kdzwinel ... – marko

遍歷這些模塊，把他們的高度，挑中最大的，適用於所有模塊。

var max = 0; 

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

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

來源

2012-01-20 20:14:29

謝謝你，你的答案是好的！我選擇了這次更簡單的解決方案！ – marko

新聞顯示模塊高度

回答

相關問題