2012-01-10 25 views
0

如果問題沒有完全意義,這可能會發生。即使在調整大小時形成多行,浮動div仍應保持垂直居中。怎麼樣?

|----------------------------------------------| 
|            | 
|            | 
| IIIIIIIII IIIIIIIII IIIIIIIII IIIIIIIII | Main div holding for divs. 
|            | 
|            | 
|----------------------------------------------| 

屏幕大小:

|------------------------------------| 
|         | 
| IIIIIIIII IIIIIIIII IIIIIIIII | 
|         | Divs get divided into 2 rows, 
| IIIIIIIII      | but still vertically aligned. 
|         | 
|------------------------------------| 

Howwwww? 在此先感謝!


這裏的鏈接的jsfiddle

http://jsfiddle.net/mrpKV/

調整的 「結果」 是水平。 讓我們假設單行的高度爲10px,容器的高度爲50px。當所有鏈接都可以放在一行中時,鏈接應該在它們上方20px,在它們下面20px。當窗口調整大小,並且這些框使兩行而不是一行時,兩行仍應位於容器div的中心。例如頂部15px,底部15px。 (如果有2行之間無餘量

更好地解釋

+3

沒有一個鏈接或的jsfiddle,我們可以 – Rob 2012-01-10 22:22:33

回答

0

如果你調整菜單的頂部位置,如下所示:??

#menu { 
    float:right; 
    margin:0 20px 0 0; 
    width:50%; 
    position:relative; 
    top:10%; 
} 
+0

這將不會垂直居中他們檢查JsFiddle,你會更好地理解這個問題 – salmanhijazi 2012-01-10 22:39:46

+0

好吧我會看看 – 2012-01-10 22:41:44

+0

我刪除了我的舊回答,並提出了一個新的答案希望我在你知道的相同頁面。 – 2012-01-10 22:49:42