如何在div中垂直堆叠图像

时间:2011-12-18 22:34:04

标签: css

我想要一个包含三个图像的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;
    }

谢谢你看看。

2 个答案:

答案 0 :(得分:11)

将图片设置为display: block,它们应垂直堆叠。

答案 1 :(得分:1)

父级与显示的组合:内联和子级显示:块是我用来水平排列元素的技术。显示:需要块来给出尺寸(我的情况是填充)。

您编写的代码似乎正在努力使图像水平排列而不是垂直堆叠。所以,我想知道显示的内容是什么功能:内联在父级服务?