2013-04-03 71 views
2

我有一個由一個div包裹的三個圖像。鏈接位於第一個div下方的單獨div中。阻止重疊的div

http://jsfiddle.net/sGmjU/1/

我遇到的問題是,當瀏覽器足夠寬,圖像是INA水平行,因爲他們應該是上面的鏈接。

當寬度小於三個圖像時,雖然鏈接保持原樣,並且圖像顯示在列上方並通過鏈接顯示。

我希望圖像保持連續,並保持鏈接在圖像下。

什麼是核心概念?我已經嘗試了幾件事,但沒有運氣。

回答

5

將硬盤高度值了#images的:

#images { 
    width:50%; 
    margin:auto; 
    display:block; 
    vertical-align:middle; 
} 

高度值迫使格中的圖像溢出,隨後溢入鏈格。

+0

謝謝,這是有道理和工作。不知道爲什麼有人投票,我知道它是一個簡單的問題,但現在我明白了。 – FluxEngine

0

給予 明確:均; 到圖像的div和刪除下面顯示的寬度

#images { 

margin:auto; 
display:block; 
vertical-align:middle; 
clear: both; 

}