我怎样才能在一个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中垂直堆叠图像

回答

相关问题