我怎樣才能在一個div中垂直堆疊圖像

我想要一個包含三個圖像的div，我希望圖像垂直堆疊。
我已經將div寬度設置爲我的圖像的寬度，並且什麼也沒有。這是我的代碼：我怎樣才能在一個div中垂直堆疊圖像

.detailImgWrapper 
    { 
    display: inline; 
    position: relative; 
    width: 25px; 
    top:-210px; 
    } 

.detailImgWrapper img 
    { 
    visibility: hidden; 
    padding: 0; 
    padding-top: 10px; 
    display: inline; 
    width: 25px; 
    height: 25px; 
    }

感謝您的關注。

來源

2011-12-18 Dale

你可以發送鏈接到一個使用jsfiddle.net的例子。我不明白爲什麼設置display：block for你的img標籤沒有達到你想要的（如Aaron所建議的）。 – 2011-12-18 22:53:37

將您的圖片設置爲display: block，並且它們應該垂直堆疊。

來源

2011-12-18 22:35:38 Aaron

我也這麼認爲。當我這樣做時，換行符應用於整個窗口，而不僅僅是在div內。 – Dale 2011-12-18 22:37:25

如果我更改img以顯示：block，它似乎也適用於包含div。 – Dale 2011-12-18 22:40:27

這不起作用？ http://jsfiddle.net/jblasco/QqJRR/ – justis 2011-12-18 22:47:00

父級顯示的組合：inline和child as display：block是一種我用來以維度水平排列元素的技術。顯示：塊是必要的給維（我的情況下填充）。

您編寫的代碼似乎在努力水平排列圖像，而不是垂直堆疊圖像。所以，我想知道顯示器的功能是什麼：inline在父服務器上提供服務？

來源

2011-12-19 04:41:47

我怎樣才能在一個div中垂直堆疊圖像

回答

相關問題