2013-03-06 21 views
0

好的,我在不同的頁面上有兩行相同的分類div。在第1頁上,有一行包含相當數量的文本,並且其大小設置完美無缺。在第2頁上,div「框」中的文本少得多,但尺寸太大。自動調整不同行的分辨率

我想要完成的是第1頁上的3個div具有正確的當前高度設置,但我希望第2頁上的div具有較短的高度設置。唯一的問題是,這必須在一個Css類中完成(父母&兄弟姐妹)。

這裏是一個例子的圖:

enter image description here

2A:這是當前高度設置,並將其與文本的較大量的完美。

2b:較短的文本框太長,需要縮短,但仍然與2a相同。

2C & 2D:正確的自動調整高度

.box{ 
    height: 400px; 
} 

.box .box_content{ 
    height: 90%; 
} 
+4

你不能只是從CSS中刪除高度,div會自動根據其內容大小? – 2013-03-06 20:03:05

+0

我需要divs相同:以便divs的底部和頂部水平對齊。 – sl133 2013-03-06 20:09:35

回答

0

如果刪除高度設置上.box的高度將與動態內容填充。

如果每行的高度相同,您可以使用jquery在行中找到最高的div並相應地設置其他高度。

+0

這可能可以工作,無論如何,首先用CSS來做到這一點? – sl133 2013-03-06 20:10:21

+0

是否有可能在行內具有不同的內容高度? – 2013-03-06 20:15:31

+0

不,它們需要相同,只是根據其內部的內容進行調整,以便每行都更小/更大。 – sl133 2013-03-06 20:18:44